Amazing website navigation (24 examples)

  • Share
  • Share

Today I`ve collected 24 examples of marvelous website navigation.

1. LEGWORK Studio – Creativity, Innovation, DIY Ethic.LEGWORK Studio

2. Artsybury`s portfolio.Artsybury`s portfolio

3. STAYA STAYA SKA.STAYA STAYA SKA

4.  Racket – Web and Print design.Racket

5. Buty. Buty

6. Le Tpi.Le Tpi

7. Jeugdraad.Jeugdraad

8. Guy Vernes.Guy Vernes

9. Por Las Duda.Por Las Duda

10. Frontend Lab – Freelance web designer.Frontend Lab

11. Minne`s Diner – Hotter than a turtle.Minne`s Diner

12. Cultural Solutions UK.Cultural Solutions UK

13. Betsy Smith Worldwide – Copywriting and Consulting for the creative class.Betsy Smith Worldwide

14. Ready to WEB?Ready to WEB?

15. Pointless Corp. – We make pointless stuff.Pointless Corp

16. Welcome to Grandpeople. We specialize in graphic design, photography…Welcome to Grandpeople

17. Inservio – Web solutions.Inservio18. Gregory Sujkowski – web designer.Gregory Sujkowski

19. Eppla.Eppla

20. About the Jolly Duck Bunting.About the Jolly Duck Bunting

21. Spunqi – graphic, web and illustration designer.Spunqi

22. Bear Grylls Live on Stage.Bear Grylls

23. Ricore.Ricore

24. Jorge Rigabert.Jorge Rigabert

About the author

Nataly is a web developer from Sevastopol, Ukraine. She runs a blog for web designers and developers where you can find some inspirational and useful stuff. In her spare time she reads books, unlocks secrets and plays volleyball.

80 Comments

  1. Asif says:

    Awesome collection.

    Reply
  2. Klaus says:

    Hi, you have a good Eye for good Design. Cool Collection, I’m impressed. Thanks for sharing!

    Reply
  3. Gabriel Ryan says:

    =) Awesome collection of navigation designs, Great job.

    Reply
  4. تصميم مواقع says:

    great list thank you for your effort.. its very useful..

    Reply
  5. MastroTek Website Design says:

    Beautiful examples, Very inspiring.

    Reply
  6. Web Designer says:

    Thanks for such a great selection of navigation ideas – nice to have some fresh ideas on this aspect of web design.

    Reply
  7. School Web Design says:

    Nice navigations but not the best for accessibility

    Reply
  8. carrie says:

    Cool navigations, use in high end sites like fashion and clothing. Thanks a lot

    Reply
  9. Deb says:

    Thanks, Nice collection, good for inspiration

    Reply
  10. howie d says:

    I like the images and originality, but the only problem is accessibility. These can be very difficult to use, unless you have a good text sitemap at the bottom.

    Reply
  11. diseño web algeciras says:

    Thanks, nice for inspiration.

    Reply
  12. Top Left Web Designers says:

    Yes great selection 8)

    Reply
  13. Brandon says:

    Nice collection. It is always nice to get ideas from other designers and other sites. It is what I do before I start any new concept.

    Reply
  14. sadha says:

    superub cool Navigation

    Reply
  15. Hello World Design says:

    Great designs! I love how the hand-drawn elements are catching on!

    Reply
  16. Kane Corby says:

    Nice collection, very inspirational set of creative websites.

    Reply
  17. Ashley says:

    I really like these designs.

    Reply
  18. Umer Malik says:

    This is a great post. Would like to use some of these for my new website.

    Reply
  19. liz says:

    Great inspirational collection, love the designs

    Reply
  20. fipe web design says:

    Visually a lot of them are quite cool and interesting however in terms of accessibility & practicality i think they could be problematic. For coolness factor my favourite would be . “Gregory Sujkowski”.

    Reply
  21. acams says:

    Awesome collections of navigation! Wonderful ideas to create innovative navigation. Thanks a lot for sharing.

    Reply
  22. TM4Y Web Design says:

    As was already mentioned – cool designs, but sometimes not so cool for the actual purpose that they are trying to fulfill namely: NAVIGATION.

    Some of these are typical examples of ‘mystery meat’ navigation – in other words, the actual ‘meat’ is covered in a thick sauce and you have to guess what is underneath!

    Reply
  23. Tortoise Web says:

    Really like a few of these, but agree with several comments above about the concerns over accessibility.

    I particularly like the navigation on the Cultural Solutions site, though.

    Reply
  24. Kent Web Designer says:

    This is an amazing collection of menu designs that put a lot of site navigation to shame!

    Reply
  25. Justine says:

    Great desig work”

    Reply
  26. Software Development says:

    Great list, the quality of website design has improved massively over the last two years.

    Reply
  27. Jen says:

    Nice collection of nav bars. Again though, I think accessibility may be an issue. Some inspirational designs, particularly like the Gregory Sujkowski one. Simple but effective!

    Reply
  28. Jules - Web Design says:

    Gone are the days of the old horizontal block nav bar. Love the collection, some great inspiration in there!

    Reply
  29. FIJ Web Design says:

    A very nice collection, we also have a cool new blog on our site…

    Reply
  30. superb website design says:

    Thanks for such a great selection of navigation ideas – nice to have some fresh ideas on this aspect of web design.
    superb website design

    Reply
  31. Vectrik web design says:

    =) It is an amazing collection of menu designs. Thanks for such a great collection of navigation. Nice to have some fresh ideas on this aspect of web design.

    Reply
  32. web developer says:

    whoa, these are amazing.. there are some out of the box web design that i never figure before
    thanks!

    Reply
  33. Yordan says:

    Nice work. Thank you for collecting these menu’s.

    Reply
  34. TheAlbear says:

    Some great examples or exception web design, but i am never to sure when a design tries to reinvent the primary nav like in example 14

    Reply
  35. Michael Allton says:

    Great collection! I particularly enjoyed #13. Thanks for the inspiration!

    Reply
  36. Buffalo Web Design says:

    Some of the ones near the beginning remind me of a lot of the marketing for Napoleon Dynamite/Juno. Very nolstalgic, and sort of childlike (not in a bad way).

    Reply
  37. Tony says:

    Thanks for the inspiration! 🙂

    Reply
  38. Scranton Web Design says:

    That was a fresh look at some other web designs. It is always good to look at other works for some new inspiration.

    Reply
  39. Nora Reed says:

    Very nice collection of navigation websites! thanks

    Reply
  40. gtwebworx says:

    i love it *IN LOVE* , how I wish i could do the same 🙁

    Reply
  41. Pardon says:

    I’m surprised so many people are talking about accessibility. Should not be an issue if these are properly coded (even the ones that are pure icon). I’m just not super impressed with many of these as examples of navigation. Sure, well illustrated — but overall more inspiring for illo & texture & color, not nav. Too simple. Everything is 1 level, nothing more complex. All horizontal. Since these are mostly design portfolios, no one had to tackle and complicated problems or complex information architecture.

    Reply
  42. W3spor webdesign says:

    Really nice and inspiring collection. For us working with cms not all are flexible enough, but though nice to see other possiblities

    Reply
  43. Jamie Delo says:

    This is great, thanks for sharing.

    Reply
  44. UberMedia Design says:

    What a great arctic, really interesting, the blog is very good and it has helped, greetings

    Reply
  45. The Web Squad says:

    Great portfolio, do you find this form of design effective for SEO? We have to combat aesthetics vs content all the time. Feel free to check out our portfolio.

    Reply
  46. web design leeds says:

    Really great navigation designs, but mostly i like 23 and 24 Ricore & Jorge Rigabert, both are simple and clean designs of navigations. Thanks for compiling the list and share with us. =)

    Reply
  47. J says:

    %)
    I like some of these, others are hurting my brain as they are way to arty and lead me in a visual detour wasting my time…

    I appreciate the out side of the box thinking but, thats just it dont me think! sure its pretty but how practical is it?

    Reply
  48. Alexy says:

    I personally prefer intuitive and easy navigation design but these ones are interesting and nice to look at.

    Reply
  49. Techno Web Mart says:

    Great collection…

    Reply
  50. Rick says:

    Nice looking navs, i have implemented a css navigation on my companys site that i think works well and looks great.

    Check it out:
    Graphic and Web Design in Baltimore

    Reply
  51. Aartjan van Erkel says:

    Great collection.
    Define ‘marvellous’ though, have these designs been AB-tested on actual users for more conversion?

    Reply
  52. Web Design Abuja - Joseph says:

    Nice post this is just what i need for inspiration…thank you so much..

    Reply
  53. Piensaenweb says:

    La navegación en sitios web es de lo más complicado para ser creativo. Pero todas estas páginas lo han conseguido, siendo además referentes en SEO, pues no han creado páginas nuevas para contenidos irrelevantes. Chapeau!

    Reply
  54. Web Solutions India says:

    Really amazing. Thank you for the inspiration.Love to see this as well…

    Reply
  55. Arun says:

    Hey

    Fantastic collection …. keep it up

    Reply
  56. Climax Media says:

    Great round up! Lots of diverse examples. Absolutely love “About The Jolly Duck Bunting”

    Reply
  57. Neil says:

    There are some really great navigation techniques here! I’m using something similar to number 6 on your blog for a new project I’m working on. Cheers guys.

    Reply
  58. adam says:

    top examples thank you! i really like jolly duck bunting, cute little fellas: )

    Reply
  59. Linked Minds Consulting says:

    These navigation techniques are really creative! Definitely gives us some ideas.

    Reply
  60. CSL Web Design says:

    Visually these are a great collection but I’m not sure how well some of them would work on a mobile / tablet browser when you’re using your thumb and not a mouse.

    Excellent collection though, great post

    Reply
  61. Lyndel Rosaline says:

    Good collection of navigation list. Very useful for me since I am planning to start a new website on web design information.
    Thanks…..waiting for more such informative post.

    Reply
  62. Evan 'OldWorld' Skuthorpe says:

    Some nice examples. Some not so nice… the usability of the nav on Cultural Solutions UK is appalling!

    Reply
  63. Web Design Crawley says:

    Excellent inspiration!!

    Reply
  64. Web Designing says:

    Its really amazing to see such a nice navigation style which is makes web template attractive.

    Kevin
    Web Designing

    Reply
  65. Orangesoft webdesigning says:

    These are nice examples ,usefull, thank you 🙂

    Reply
  66. Morgan & Me Creative says:

    Breathtaking examples of very creative navigation in website design.
    Loved the one on buty.cz!

    Reply
  67. Web Designer says:

    Very nice collection of navigation websites..!!! Thanks for Creative Inspiration and sharing…

    Reply
  68. ABEL online | media says:

    Very, very nice and creative navigation examples. Thnx! Anyone who wants just as nice navigation? Visit my website.

    Reply
  69. Wobble says:

    Wow what a nice collection you have here. Very creative.

    At Wobble we create super effective websites and offer online marketing solutions.We are based in Cape Town

    Reply
  70. Sam Greensted says:

    Great collection thanks a lot.
    Sam

    Reply
  71. Website Design Surat says:

    really awesome design and nice post

    Reply
  72. Webdesign London says:

    Some are Very clever , other menus are very image heavy, good list though.

    Reply
  73. Yordan says:

    Great ideas for navigation menus. Thanks.

    Reply
  74. ClicksCrazy says:

    Nice. It takes some serious creativity to really get a unique navigation design.

    Reply
  75. Anaradam says:

    All the navigation are in different look… I like most of these… Thanks for sharing with us

    Reply
  76. Affordable Web Designers In London says:

    Thanks for such a great selection of navigation ideas – nice to have some fresh ideas on this aspect of web design.

    Reply
  77. India Android Application Development says:

    Nice collection of amazing examples. I have never find anywhere . Sounds really great. Thanks for sharing an amazing app list. Keep it up.

    Reply
  78. Linktobacklink says:

    The examples are good.

    Reply

Leave a Comment