Saturday, March 24, 2007

The 4 main wireframes

Ok, for this website, as a group we decided to make the main menu to be something dynamic and unique ever. It should be something moving across the website and changing its own function at each page as changing its position and surrounding decorations but still keep the original form so that, it'd easier for the user to recognise.
That's the idea, then, i started to look for something nice and easy to design...i chose a real image of an Candy that will be put right at the homepage.



For the whole theme, i suggest to design it with the mix of illustration and scanning from real images. It should be more special when everything will happen as on a real piece of drawing paper.

The movement of 3 characters and others will be looped over and over again, so that the scene will not be boringThe main menu, which is presented as a mill, wont show its wings until the user move the mouse into its area.












At first, the mill top will fly up to the sky to be the sun in the next main page. When the sun stay properly at its place, it’s time for the airship flying through the scene carrying BooBoo and FooFoo while KooKoo is flying along next to them. As BB and FF laugh at KK, KK breaks the balloon, then, BB and FF will be falling down. That scenes will be looped until the user reaches the next page..

When user move to the next page, the sun will then fall down to become a flower. Next, the user will be able to interact with the flower after KooKoo comes and stays on it.Other actions like clond flowing, BB and FF , the tree moving will be looped until the user reach to the next page.

On this page, the candy is back to its original form. First, BB, KK and FF will run from 3 different corners of the screen to the center. Here, they will be pressed by the candy. Stop here! Then each time the mouse touch the candy, 3 character will appear as the illustration and bring out the menu. While the user doesn’t interact with the candy, there will be some visual sounds from behind.such as: “help us”, “ay ya”... to attract the attention.










































No comments: