refined website mockup

since I didn't like the previous website mockups, I have refined it some more and here is what ive got now...

front page: the image will be a slideshow of student work


student work will be displayed in a 'cover flow'

new idea for project 3

So I've scrapped the other 3 ideas and now have a new one entitled 'Euphoria', meaning and the human emotion of the ultimate sense of happiness. Heres some artwork and ideas:

Style 1: textured 'Sketch book'

sample artwork


website mockup - front page


website mockup - browsing work


style 2: same style as the previous 'geometric' idea



website - front page


website - explore a map to see student work


website - explore a map to see student work

more cool motion graphics

I saw these nice motion graphics whilst watching eurovision...

my ideas for project 3

just throwing some ideas out there for project 3....

1. 'CLOCKWORK', moodboard and sample artwork





















2. 'GEOMETRIC', moodboard and sample art




















3. 'ABOVE THE FOLD', moodboard and sample art

some progress....

so my concept has changed completely...scrap the one in the previous post. I an mow creating digital interactive touch screen signage and accompanying website for an expo called IGBE (international guitar and bass expo). Here are some mockup layouts and models etc.

for the website...

for the signage...

a 3d concept for what the signage may look like...

Project 2 - Concept and look and feel

(oh my god, why is it so friggen hard to layout the post!!!!!!!!!?)

My idea for this project is an experimental Flash portfolio website that will be optimised for touch screens. It will use touch gestures as a means for navigation, as well as the traditional 'point and click' navigation for users without touch screens. Multitouch is also a possibility to explore. In the back end of the website I want to have a mySQL database holding all the folio content, which will be retrieved using PHP and then read in by Flash. By building the website dynamically, the site will be much easier to update and be more accessible.

Here are some mockups I made for a possible look and feel:

-loading sequence: the coloured bars randomly expand as the loading progresses














-main menu: the loading bars animate on completion and turn into squares that become buttons.












-the pages option1: when clicked, the buttons move and dock along the bottom. Content can be scrolled by clicking or touching and gradding up/down. A quick flick to the left will bring you to the next page, and a flick to the right will bring you to the previous page.

-the pages option2: the same as above except the content is presented in 'polaroids' which are randomly placed and rotated, and can be moved around by the user.

Mocha for After Effects

So i’ve been experimenting with Mocha for After Effects, the planar motion tracking program. Its pretty cool…here is my first attempt at replacing the image of a billboard in some shaky hand held video…

CLICK HERE TO SEE THE VIDEO! (quicktime, about 7.5mb)