Saturday, September 15, 2007

5websites

http://www.nikewomen.com.my/
  • The nike logo is always at the top area, it doesn't have to be big because people know for sure of its brand.
  • The navigations is always at the bottom.
  • Content tab is at the bottom left, roll over to show the secondary navigation which is the sub content.
  • Disclaimers was placed at the bottom on every page.
  • The consistency, the hierachy of having the black background behind.
  • Overall the direction is all about sporty type.



http://www.ifinteractive.com/manifesto/

  • The title is was placed at the top left of each pages.
  • Image and text to explain was center on at the middle.
  • Navigations was placed at the top left of the black area.
  • Disclaimers at the top right of the black area always.
  • The consistency, the hierachy of mood, fonts, and art direction.
  • It's commercial yet creatively done.


http://www.ownyourc.com/static/

The “Own Your C” is about youth tobacco prevention and cessation media campaign.

  • The title is was placed at the top left of each pages.
  • Navigations is always on the top.
  • The navigation link to the flash is always at the middle left.
  • Disclaimers was placed at the bottom of each page.
  • The art direction of the pages is consistent.(fonts, ribbons to show it's title of the content)
  • Basically, the clouds, the background color, the logo which is the "C" with wings represents the sites.

http://www.margotblanche.com/

  • The title is always at the top left.
  • Navigations was placed at bottom right.
  • The consistency, the hierachy of fonts, having the same background for every page and also growing thingy at the right.
  • Image of Margot was place on the right always.
  • The content is always at the left.
  • Disclaimers is always at the top right of every page.



http://www.zen777.com/flash.html
  • The title was placed at the bottom left of each page.
  • Navigations is always at the bottom right.
  • The consistency, the hierachy of fonts.
  • The art direction, color mood, roll over effect for every page is consistent.
    The content is always at the left.
  • Space and design behind the content make the whole layout less squarish.






3 comments:

Anonymous said...

Nike
I guess we have the same taste with either shoes or the webpage design..XD I find what makes the page interesting is that the navigations that you are able to click.. its not the normal navigations that you find on either the top or the bottom of the page.. for nike, they make their interesting so that the user will stay to explore more on the website..

IF
What makes me stay longer in their webpage is the the left; right equilibrium.. maybe they want the users to experience their work, so they tend to focus more on their work and keep their website simple...

Margot Blanche
The used of colours used are really vibriant, it compliments the background alltogether.. simple & nice..

Zen
A very agy website.. The layout is consisten if observe nicely.. colours are all blend in nicely, cause of the use of black..

C-Ville
The main page is a little messy, maybe because of the used of text..Don't really know where to click on.. But after the mainpage, the things are quite straight forward..

senkai_yokaze said...

Nike
The layout is neat and the simple and all the contents and navigations for every sub-page are well arranged following the consistent grid system. It is easy to navigate but I think the rollover which is white in color is a little not match the color skin and the contents that load in
in every navigation also 'different' as in the color skin and the feeling...is like a little different like not in a same site...

IF
I have browse through this website before too, and I kind of like it.
I think it has really interesting layout and creative concept and interface. Although the interface of this site is creative and have different that breakthrough the formal, but all of them are still in a consistent grid system. It is clean and simple, and easy to navigate.

OwnYourC
I think this website is creative that it contents many different navigations and layout, and the interface that allow users to interact. It is more towards collage style, and the layout and graphics looks quite messy although it actually follow it grid system.

Margot Blanche
The animated graphics make the website looks interesting. The flow of the animated graphics are
good and the colour skin, graphic and image blend well together. The layout is very consistent that everything happen within the frame, and all the navigation is just under the frame.

Zen
This website has a different layout style from others, that it don't just stick at 1 place but more like floating pallate for different page. It has the consistent style that it divide everything in different boxes. The layout style, the main navigation and the usage of fonts are consistent but the navigations in the palatte are not.

Izen New said...

Hi Li Xue,

Where is your "Before and After" and your other research?

Best regards,
Yik Jian