25 Creative Navigation Menus

Published in Galleries

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:

Ebook

Free E-book: Freelance Designer's Guide to Multiple Income Streams.
Enter your email address.

14 Responses

Elliott the web design guy October 19th, 2011

Quality! There are some cracking example here.

Thoriq October 19th, 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 19th, 2011

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

vikram October 19th, 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 19th, 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 19th, 2011

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

Stefan October 20th, 2011

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

Hannah October 20th, 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 20th, 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 21st, 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 22nd, 2011

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

Essex Wedding Photography October 30th, 2011

Clever stuff!

David - Web Design Taiwan November 16th, 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 11th, 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

Leave a Reply