A Showcase of Website Navigations with Serious Click Appeal

By / Feb 5, 2010 / Inspiration
shares

A couple of months ago we posted an article showcasing great website navigations. Consider this the sequel.

The navigation of a website is meant to be clicked. It doesn’t need to blend in or be hard to find. It’s important that it stands out from the rest of the elements on the page, but yet still matches the overall style of the design. Here is a showcase of websites that achieve this in a very stylish way. These navs look amazing, have serious click appeal, and are guaranteed to inspire you.

Clicking on the images will take you to each site.

Vegas Uncork’s

website navigation

SYNTHVIEW

website navigation

Help Your Habitat

website navigation

Electric Pulp

website navigation

The House Media

website navigation

Breezy Baby

website navigation

Curious Generation Group

website navigation

Pastebot

website navigation

Chirp

website navigation

Delibar

website navigation

Comfort Brothers

website navigation

Narwhal Co.

website navigation

Michael Dick

website navigation

Yellow Bird Project

website navigation

Ugmonk

website navigation

Image Spark

website navigation

Intuitive Designs

website navigation

Iconlicious

website navigation

Oval Cube

website navigation

Neutron Creations

website navigation

TheOldState

website navigation

Digital Podge 2009

website navigation

Arbutus

website navigation

8Interactive

website navigation

Cannonball

website navigation

Sower of Seeds

website navigation

Ready Made Designs

website navigation

About the Author

Henry Jones is a web developer, designer, and entrepreneur with over 14 years of experience. He is the founder of WDL and ThemeTrust.

34 Comments

  1. Saket
    February 5, 2010

    Hey how is my website’s navigation meuu – http://www.techsplurge ?

    Reply
  2. Jon
    February 5, 2010

    I think http://www.nue-media.com has a cool navigation to

    Reply
  3. Golf Royalty
    February 5, 2010

    Beautiful collection – it is inspiring me to re think the Golf Royalty nav.

    Thanks,

    Lee.

    Reply
  4. hubeRsen
    February 5, 2010

    Thats a great ressource, thanks for sharing… inspiring!

    Reply
  5. Alan
    February 5, 2010

    Great examples here, love them all.

    People are really starting to embrace custom menus as they are drifting away from using drop-down menus.

    Reply
  6. Anoop Sajid
    February 5, 2010

    love it .. Great examples

    Reply
  7. name
    February 5, 2010

    Thank you for this list.

    This will really help, with my next project.

    Reply
  8. Sandie
    February 5, 2010

    Nice ressource… I also think the visitors want more userenhanced experience when the visit webpages today.

    I’ve also made som interesting animated buttons on this site: http://www.lineofbeauty.dk.
    It’s in danish, but I think you can guess the site-contens by hovering over the button-links…

    Reply
  9. Andy Sowards
    February 5, 2010

    These are fantastic – Really like the simple appeal of some of them – Will definitely keep these in mind for inspiration while doing my redesign :) Thanks Henry!

    Reply
  10. BigM75
    February 5, 2010

    the focus is on the same sites, why? in many aticles are same sites

    Reply
  11. jc
    February 5, 2010

    Great sites…I am always looking for great sites for inspiration. Thanks!

    Reply
  12. Tommy
    February 5, 2010

    One site you listed has “packages” as a navigation button, I glanced over it and thought it said “pancakes”. That would have been awesome.

    Reply
  13. Jordan Walker
    February 5, 2010

    I love clicking my mouse.

    I just got a spam message saying that I could make $1,000 dollars a day, just by clicking my mouse 500 times a day!

    Reply
  14. Willem
    February 5, 2010

    I like most of them. Although I miss more complicated menus with subitems..

    Nevertheless thanks for sharing!

    Reply
  15. Codesquid
    February 5, 2010

    Arbutus Photography is particularly nice!

    Reply
  16. Anthony
    February 5, 2010

    I was excited to see Ugmonk included in this list! They have an amazing site!

    Reply
  17. Naomi Niles
    February 5, 2010

    Thanks for the mention! :)

    Reply
  18. hamzamalick
    February 5, 2010

    heyyy nice post han i really find it usefull for my web designs i got a lot of idea about the navigation in this post…! cheers :)

    Reply
  19. Jason Holland Design
    February 5, 2010

    Great post!

    I know when I’m designing a site the navigation is always something I have to spend extra time on.

    This will be a great reference to go back to when I need ideas.

    Reply
  20. Christina Lannen
    February 5, 2010

    Thrilled to see Intuitive Designs included. Naomi and her husband provide great design, and coding.

    Reply
  21. Aaron
    February 6, 2010

    I would have to say the inspiring layout of the sites give a boost the navigation. I tend to like the navigation most when I like the entire design.

    Reply
  22. Aftab Khalid
    February 6, 2010

    nice collection thanks for posting…

    Reply
  23. Webtoolfeed
    February 6, 2010

    Nice collection, Delibar is my favorite.

    Reply
  24. Autonomy
    February 7, 2010

    Great collection, thanks for the post!

    Reply
  25. Tim
    February 7, 2010

    I would agree with Aaron. These navigations are not impressive when removed from the sites that contain them. The overall sites are nice. The navigation is just…there. Nothing too special about them except that they help you get from point A to B, which is what navigation is supposed to do.
    I’ve seen a lot of sites copying Apple’s navigation and I honestly do not know why. It is completely separate from the rest of the design and does not fit the design at all. It is also very poor at getting you to what you are looking for. Their old navigation was far superior, with a secondary navbar to guide you to the exact page you want to go. Just try to find QuickTime Movie Trailers on there new site.

    Reply
  26. Matthew Heidenreich
    February 7, 2010

    really digging the iconalicous. Thanks for the list!

    Reply
  27. PA Designer
    February 8, 2010

    Very inspiring! Thanks for posting the sequel.

    Reply
  28. Constantin Tovisi
    February 8, 2010

    You should also check out http://www.graffino.com , it has quite a good looking navigation…

    Other than that, the list is really cool. Keep up the good work

    Reply
  29. Website Design Sydney
    February 9, 2010

    Showcase Of Creative Flash Preloaders which may serve as an inspiration..

    Reply
  30. Marlon
    February 20, 2010

    and maimuse.com?

    Reply
  31. Mobius
    February 24, 2010

    Very inspirational, thank you. Some are really amazingly designed. Man I’ve got a lot to learn.

    Reply
  32. Jones
    February 26, 2010

    hei i like most the Pastebot navigation…

    Reply
  33. Azhaan Shah
    April 20, 2010

    i appreciate all the work they are awesome designs

    Reply
  34. hermes kelly bag
    July 8, 2010

    I would agree with Aaron. These navigations are not impressive when removed from the sites that contain them. The overall sites are nice. The navigation is just…there. Nothing too special about them except that they help you get from point A to B, which is what navigation is supposed to do.
    I’ve seen a lot of sites copying Apple’s navigation and I honestly do not know why. It is completely separate from the rest of the design and does not fit the design at all. It is also very poor at getting you to what you are looking for. Their old navigation was far superior, with a secondary navbar to guide you to the exact page you want to go. Just try to find QuickTime Movie Trailers on there new site.

    Reply

Leave a Reply