Media+Index+III+TV+Commercials+Process

=__Television Commercial Project 3 Process and Final __=


 * All my process work will be posted here; to see my research process please click here.

Below are a list of concepts I thought about how I should present the information in an interactive way. Since I will be focusing on only ten different corporations, maybe I can make a color bar to organize it and the colors will be bright as well. Mainly I will be using the "rollover" effect to show the information and the video when the cursor lands on the button.







 I took this concept and try to expand it until a little further, still determining if it will work out nicely. Still using color bars; when one of the color bar is pressed alll of the color bars will slide to the other end and they will split and open a new space for the video to go on top and the descriptions at the bottom.



A more revised version

Some flash movies to show: media type="file" key="p3.swf"media type="file" key="p3_end.swf" 

But maybe I can use the animated character from the last project and expand from there...turning the logos in the animated characters as well. That might be fun than just some color bars... 

 The main character Coggy is here! He will be the one bringing out all the corporation logos in the beginning. In addition, the background is set and ready to go. Below is the flash movie of Coggy entering the screen...



__Flash Movie:__ media type="file" key="sample.swf"

 I have finished illustrating the ten logos and made them into animations in order to make it more interesting. Each one has an unique expression/ different face, implying how different commercials have their own styles/ways. Below is the flash movie of Coggy coming into the screen with the little corporation logos following him. But things got crowded...need to think of a way to resolve this*

__flash movie: press the button to watch__ media type="file" key="sample1.swf"

I have solved the problem by stacking the logos up....in that way the user is able to press the logo buttons and view the info/vides later on. Flash size right now is 14" x 10". The background is eliminated until I can think of something better.

f__lash movie: press the button to watch__ media type="file" key="intro.swf"

I have changed the formation of the logos, organizing them by colors to make it more appealing. Turns out that I have enough colors to make a set rainbow color.

f__lash movie: press the button to watch__ media type="file" key="intro1.swf"

I tried to put in informations into each section and trying to figure out how to make the whole website flows with a bit of humor. It turns out to be a lot harder than I think because somehow, I cannot make the buttons movable....or are they not suppose to move around? Things got a little bit messier and I'm trying to fix this. So far...only the Toyota section works; there is the first box where Coggy sits on. And then, the "home" button (Coggy's head) that supposes to go back to "home" did not happen...

f__lash movie: press the button to watch__ media type="file" key="revise.swf" width="108" height="108"

And so the last method did not work so because it is almost impossible for the buttons to move to different places due to my lack of flash skills. Therefore, this time the logos/buttons will not move around but information and pictures will be shown once the button is pressed. The only problem is, I couldnt get it to go back to "home" or to other places once enter the page. Still working on it....

f__lash movie: press the button to watch__ media type="file" key="revise1.swf" width="127" height="127"

FINAL
 I finally used the rollover technique to display the information and it turns out okay. The coggy is the "home" button.

[|view final here]