A Showcase of Website Navigations with Serious Click Appeal

By / Feb 5, 2010 / Inspiration

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.

  • http://www.techsplurge.com Saket

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

  • Jon

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

  • http://golf-royalty.com Golf Royalty

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

    Thanks,

    Lee.

  • http://hubersen.ch hubeRsen

    Thats a great ressource, thanks for sharing… inspiring!

  • http://www.alan-horne.com Alan

    Great examples here, love them all.

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

  • Anoop Sajid

    love it .. Great examples

  • http://www.bananas-playground.net name

    Thank you for this list.

    This will really help, with my next project.

  • http://www.lineofbeauty.dk Sandie

    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…

  • http://www.andysowards.com Andy Sowards

    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!

  • http://www.sgdoeschwitz.de BigM75

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

  • http://resourcehive.com jc

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

  • http://blueawesome.com Tommy

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

  • http://www.jordanwalker.net Jordan Walker

    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!

  • http://baasinteractive.nl Willem

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

    Nevertheless thanks for sharing!

  • http://www.codesquid.co.uk Codesquid

    Arbutus Photography is particularly nice!

  • http://www.awakencompany.com Anthony

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

  • http://www.intuitivedesigns.net Naomi Niles

    Thanks for the mention! :)

  • http://massesoft.com hamzamalick

    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 :)

  • http://www.jasonhollanddesign.com Jason Holland Design

    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.

  • Christina Lannen

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

  • http://www.wisnet.com Aaron

    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.

  • http://www.aftabkhalid.co.cc Aftab Khalid

    nice collection thanks for posting…

  • http://www.webtoolfeed.com/blog Webtoolfeed

    Nice collection, Delibar is my favorite.

  • http://autonomywebdesign.com/ Autonomy

    Great collection, thanks for the post!

  • Tim

    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.

  • http://devisefunction.com Matthew Heidenreich

    really digging the iconalicous. Thanks for the list!

  • http://www.marodesign.net PA Designer

    Very inspiring! Thanks for posting the sequel.

  • Constantin Tovisi

    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

  • http://www.bubblefish.com.au Website Design Sydney

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

  • http://maimuse.com Marlon

    and maimuse.com?

  • http://www.thewebtechreviews.com Mobius

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

  • http://www.w3bookmarks.com/ Jones

    hei i like most the Pastebot navigation…

  • http://azhaan.deviantart.com/ Azhaan Shah

    i appreciate all the work they are awesome designs

  • http://www.shoppinghermes.com/ hermes kelly bag

    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.