The 4 main wireframes

We decided to make something look dynamic and fun, but it also needs to be cute and clean to be the navigation. We were considering between candy and flower. After my research of lollipop, we chose it as our main navigation. But we don't want it to look too usual so we will add some effective elements to make it more different from what a lollipop is ^^

This is the Homepage of AckAck site. The navigation become a funny and colorful mill, but it doesn't show its wings (the options) until users move the mouse over it. Moreover, we also add the animation of FooFoo chasing BooBoo, looping over and over again. Besides that, KooKoo is flying over the sky continuously. Hopefully, by doing this, our site will look more dynamic and interesting to interact with.

Whenever the user clicks the second page, the screen will fly upon the sky and now the navigation is the Sun, of which the sun lights are the options. Then the airship 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 users move to the next page, the sun will become a flower. Next, the user can only interactive with the main navigation once BB stays on it. Other actions such as FF and BB running over the hill will be looped again and again until the users click to the next page.



















Lastly, BB, KK and FF will run from 3 different parts of the screen to the center. Then the candy from somewhere else weighed down on the three and everything will stop here. Later, whenever the users mve the mouse over 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.

* Note: the 4 wireframes are taken from Dung's blog with some modifications.