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

Co-founder of land-of-web.

91 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. great list thank you for your effort.. its very useful..

    Reply
  5. 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. 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. Thanks, nice for inspiration.

    Reply
  12. 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
  13. sadha says:

    superub cool Navigation

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

    Reply
  15. Kane Corby says:

    Nice collection, very inspirational set of creative websites.

    Reply
  16. Ashley says:

    I really like these designs.

    Reply
  17. Umer Malik says:

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

    Reply
  18. liz says:

    Great inspirational collection, love the designs

    Reply
  19. 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
  20. acams says:

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

    Reply
  21. 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
  22. 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
  23. This is an amazing collection of menu designs that put a lot of site navigation to shame!

    Reply
  24. Justine says:

    Great desig work”

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

    Reply
  26. 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
  27. Gone are the days of the old horizontal block nav bar. Love the collection, some great inspiration in there!

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

    Reply
  29. 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
  30. =) 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
  31. whoa, these are amazing.. there are some out of the box web design that i never figure before
    thanks!

    Reply
  32. Yordan says:

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

    Reply
  33. 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
  34. Great collection! I particularly enjoyed #13. Thanks for the inspiration!

    Reply
  35. 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
  36. Tony says:

    Thanks for the inspiration! :)

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

    Reply
  38. Nora Reed says:

    Very nice collection of navigation websites! thanks

    Reply
  39. gtwebworx says:

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

    Reply
  40. 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
  41. Really nice and inspiring collection. For us working with cms not all are flexible enough, but though nice to see other possiblities

    Reply
  42. Jamie Delo says:

    This is great, thanks for sharing.

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

    Reply
  44. 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
  45. 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
  46. 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
  47. Alexy says:

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

    Reply
  48. 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
  49. Great collection.
    Define ‘marvellous’ though, have these designs been AB-tested on actual users for more conversion?

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

    Reply
  51. 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
  52. Really amazing. Thank you for the inspiration.Love to see this as well…

    Reply
  53. Arun says:

    Hey

    Fantastic collection …. keep it up

    Reply
  54. Climax Media says:

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

    Reply
  55. 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
  56. adam says:

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

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

    Reply
  58. 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
  59. 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
  60. Some nice examples. Some not so nice… the usability of the nav on Cultural Solutions UK is appalling!

    Reply
  61. Excellent inspiration!!

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

    Kevin
    Web Designing

    Reply
  63. These are nice examples ,usefull, thank you :)

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

    Reply
  65. Web Designer says:

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

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

    Reply
  67. 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
  68. Great collection thanks a lot.
    Sam

    Reply
  69. really awesome design and nice post

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

    Reply
  71. Yordan says:

    Great ideas for navigation menus. Thanks.

    Reply
  72. ClicksCrazy says:

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

    Reply
  73. Anaradam says:

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

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

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

    Reply
  76. The examples are good.

    Reply
  77. Very Nice examples.And great collection.I like this. Thank you.

    Reply

Trackbacks for this post

  1. eppla » www.eppla.org among the most amazing website navigations
  2. Amazing website navigation (24 examples) | Submit News
  3. Amazing website navigation (24 examples) | reADactor
  4. Amazing website navigation (24 examples) | Design News
  5. Amazing website navigation (24 examples) | mameara | Graphic and web design resources, and inspiration
  6. Nothing found for Blog 2011 07 26 25-07-1192300
  7. Revolt 3 Ltd. | » Уеб сайт на дизайнер на кукли
  8. Amazing website navigation (24 examples) | A Noobs Guide to Web Design
  9. Designing Effective Websites - 80 Articles Summer 2011 - PSD to HTML Blog

Leave a Comment