Design Exploration - by Chie

I show you two examples of successful design with Flash contents. Both website could be very ordinary one which just introduce information, but Flash contents make the web sites so attractive.

Michelin's web site is a great example of integrating interactive media function into ordinary web structure. The structure of the web site is very basic and simple: 4 global menu and 3 to 6 local menu on each global menu. Those local menu link to contents such as texts, graphics and movies. Instead of usual navigation by buttons and links, it navigates the audiences with interactive animation to each level of hierarchy very successfully. I analyzed what are the keys of the success. If you could, it'll be easier to understand what I say after you cruise the web site little.

1. Hierarchy

If you notice, it has some links outside of center screen which the animation is on, such as Dealer Locator, Tire Selector, Web Shopping. Those are very important links to relate their sales directory, but they focus on a main purpose of this web site: promote the company. Links that outside of the main space is in same color scheme with background and simple and small text; They keep sales function but make them low-key. It helps the audience to focus on the main idea.

2. Consistent

In the animation, they use same pattern from the main to reach the end level. It has many hidden button in the animation but it’s very easy to find because they use same symbol as hidden buttons in any pages. A “Back” button is always in same position in the frames and “Quick Guide” bar on the bottom tells the audience where you are now. Also each section has each theme color but main color “white” create a sense of unity through whole web site.

3. Balance

The web site has good balance of positive and negative space. The animation has enough depth of field and proper space between each items, such as graphics or hidden buttons. It makes the web site looking simple and avoid the audience being overwhelmed.

4. 3D Animation

It attracted me so much!! Experienced the 3D special migration, I also was wondering how they create the animation. It’s really COOL!!

I found another example of great design in Saturn. In same reasons as Michelin, I think this website is successful. Its’ clear and consistent navigation leads audiences’ eye movement and make easy to understand the hierarchy. Large, whitish negative space counterpoints the rectangular main space. Flash animation makes the website a lot more active and attractive. It’s been so exciting to learn Flash!!