Production Schedule

This is our production schedule. The excel version is on Phuong Anh's blog, while this .png version is easy for the clients to view.

Flowchart and Information Architecture

These are our flowchart and information architecture. Please contact us if you think there is something need to be changed.

Flowchart:

Information Architecture:

Mock-ups

We've just finished designing the mock-ups; however, when doing this, the designer had 2 ideas. They're not so much different from each other, but it may affect other elements in the whole design such as the typography, the style, the contrast, etc. We'll show them here in order to get your comments to improve it and go ahead!

Mock-up 1:


Mock-up 2:

AckAck Group's timeline

It's just our draft of the timeline. We'll update it soon.

AckAck Site's sitemap

This is our web site's sitemap. We will have 14 pages with 4 main pages and 10 sub-pages.

• Story: that's where audiences explore about the 3 main characters: KooKoo, FooFoo and BooBoo. We intend to have some interactive games to make more fun!!!
  
• Gallery: we put some comics and movies here to let audiences know more about the relationships between these characters, and some normal activities of them as well.
  
• Store: this page is used for indicating where the store(s) is(are) located. It also has a sub-page named "Feedback" to get contact with us.
  
• Download: in this page, audiences will have a chance to download a variety of stuff such as 'Color Me!', 'Wallpaper', 'Avatars'.

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.

Ack Ack Logo ^^

As I said last week, we will post an illustrated logo in this week. You can easily that the three characters are not too different from the draft, except the sheep has a new colored fur :p It's surprising that we had to discuss a lot about the sheep's fur. Because our 3 main colors are black, brown and yellow so at 1st, everyone wanted it to be black or something. Then Dung thought that the sheep needed to be different from other sheep, so she made it blue. Therefore, it took is time to consider which color brings the best contrast and harmony.

Other stuff like the sunflower and the pattern above the weasel are all simply the decoration as well as plays a role in the stories between 3 main characters.