25 Creative Navigation Menus

Navigation menus are an integral part of any website, and a critical element in usability. Menus also frequently play a strong role in the visual design and layout of the site. Although there are some standard types of navigation menus that are typically used, some websites display creativity in their design of the menu. In this post we’ll take a look at 25 examples.

When designing navigation menus keep in mind that creativity should not overpower usability. If visitors can’t figure out how to use the menu it doesn’t serve it’s most important purpose.

Manic Design

Manic Design

eMANNzipation

eMANNzipation

Discover Tennessee Trails & Byways

Discover Tennessee Trails & Byways

Ferocious Quarterly

Ferocious Quarterly

Fantasy Cartography

Fantasy Cartography

C & C Coffee Company

C & C Coffee Company

MacRabbit

MacRabbit

Sarah Hyland

Sarah Hyland

Paolo Cavanna

Paolo Cavanna

Melonfree

Melonfree

CL Designz

CL Designz

Cisco London 2012

Cisco London 2012

Empire

Empire

Joel Reed

Joel Reed

Francesco Mugnai

Francesco Mugnai

Jessica Caldwell

Jessica Caldwell

Indubitablee

Indubitablee

South Wales

South Wales

Carbonmade

Carbonmade

Chris Jennings

Chris Jennings

Envira Media

Envira Media

Dreamdust

Dreamdust

Alessio Atzeni

Alessio Atzeni

Racket

Racket

Kean Richmond

Kean Richmond

For more design inspiration please see:

Looking for hosting? WPEngine offers secure managed WordPress hosting. You’ll get expert WordPress support, automatic backups, and caching for fast page loads.

14 Responses

Comments are now closed on this post.

  • Elliott the web design guy, October 19, 2011

    Quality! There are some cracking example here.

  • Thoriq, October 19, 2011

    There are some creative examples on the list, like Fantasy Cartography & Manic Design I like them both very much.

    I’ve also collected some web navigation examples.http://creatiface.com/web-design/web-navigation

    Any thanks for the share. they are very inspiring.. :)

  • Remy Francis, October 19, 2011

    What a lovely collection! Thanks for putting it together and sharing it with us.
    Rgds

  • vikram, October 19, 2011

    Great post, some are just awesome and creative work. I like Manic Design. The one i didnt like is Cisco london 2012 when it comes to UX point of view.
    Thanks for inspiring :)

  • BluRose Media, October 19, 2011

    I like these all a lot. They are all very nice quality! I feel that when people don’t have a standard menu they get lost. :(

  • aledesign.it, October 19, 2011

    Nice post..nice selection…Thanks for sharing these ideas!

  • Stefan, October 20, 2011

    I like this collection. Really creative work. Thanks for sharing these examples.

  • Hannah, October 20, 2011

    It’s great to see some sites which are a little different. A bit of creativity makes it so much more memorable for visitors. Personally I love unconventional websites, they’re far more interesting. Thanks for sharing!

  • Ryan Leaper, October 20, 2011

    They’re are some amazing navigation here. I think the reason they work so well is not only the various ingenious rollover effects etc but its the fact that they all relate well to the subject matter and work as an important element to the sites overall concept and message. Its all well and good having a fancy navigation but if it doesn’t work as part of the site then it defeats the purpose. I particularly like the parallax effect used for the discover Tennessee site, and the illustration on the fantasy cartography site works really well to.

  • Rachel, October 21, 2011

    Very nice survey of UI. It’s amazing how viewers have evolved in understanding navigation, no need to make blue links anymore. Thanks for posting!

  • web design hull, October 22, 2011

    Great collection of creative examples of navigation, I’ll definitely get some inspiration here, thanks for posting

  • Essex Wedding Photography, October 30, 2011

    Clever stuff!

  • David - Web Design Taiwan, November 16, 2011

    Personally, I love a bunch of these – I tend more towards icons than text I suppose.

    I don’t know, maybe icons just make more sense to me from a ‘monkey evolution’ point of view – we’ve been making sense of shapes for millions of years, and written text maybe for the last 10,000 or so (citation neeed ;-)

    So I just find it much more intuitive to click on an icon….of course, the icon has to makes sense…..

    Thanks,
    David

  • Kev, July 11, 2012

    I think responsive navigation is the best way to go so no matter what device your visitor is on the navigation will look good. So one visitor could be on an iPod, one on a widescreen desktop computer, one on a laptop and one even looking at a big projector screen and they will all have a nice experience. Here are some great nav bars with and without a drop-down menu, and semi-transparent nav bars that will match any webpage background colour or design.

    http://templatz.co/navigation.php

Close