Amazing website navigation (24 examples)

Total
0
Shares

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Kevin
    Web Designing

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

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

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

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

Freebie: Infographic Design GUI Set part1

Today I want to present our brand new infographics design kit that includes various helpful stuff for creating different comprehensive infographics. Elements for infographic are really crucial since they should…

Free Mobile App UI PSD Templates

Since creating programs for mobiles and tablets is hugely popular nowadays, and majority of designers have already tried themeselves in this area, I decided to make fresh comprehensive collection that…

Freebie: Dev Studio Business Card

Today’s freebie is a clean and modest business card psd template with warm color palette and modern typography. It is appropriate for any kind of development or design studios. It…