Amazing website navigation (24 examples)


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


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

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

  2. 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.

  3. 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.

  4. 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”.

  5. 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!

  6. 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.

  7. 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!

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

  9. =) 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.

  10. 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

  11. 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).

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

  13. 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.

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

  15. 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.

  16. 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. =)

  17. %)
    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?

  18. 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

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

  20. 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!

  21. 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.

  22. 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

  23. 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.

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

    Web Designing

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

  26. 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

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

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

Leave a Reply

Your email address will not be published. Required fields are marked *

You May Also Like

Branding Identity Mockups – Free Templates

Last week we published inspirational collection of professional and eye-catching examples of branding mockups that usually includes various stationary items that are spiced up with brand logo and color palette.…

Inspiration Findings #24

The inspiration findings rubric is dedicated to typography treatments that fascinate onlookers by spectacular exceptional and unique artworks. Every such amazing piece of art is a some kind of creative…

Freebie: iPhone social icons

Like Us to get the Download Link [l2g] [/l2g] Social media has been influential nowadays. Due to the fast-growing internet techology more people share thoughts and ideas with other people…