24Aug2008
Web Site Navigation Design Showcase
Just a quick note to say that I've gathered together a navigation design showcase with 70+ examples.
I've specifically avoided including (too many) examples where the navigation is overly creative as I figured these wouldn't be as useful to a wider audience.
Still, I think there's plenty of variety across the designs, although horizontal navigation features far more prominently over vertical. That's not intentional — it just worked out like that.
Anyway, I'm sure I've missed out tons of great examples. So, send them my way and I'll be sure to add them in the future.
View the navigation design showcase.
Posted on: August 24, 2008 | 14 Comments
Recent Entries in "Showcases"
- Email Header Design Showcase (6)
- Use Icon Fonts to Create Lightweight, Flexible Icons (6)
- 10 Ways to Repackage Your Content For More Links and Exposure (4)
- When Features are Commoditized its the User Experience that Counts (1)
- What is the Best Email Width? (10)
- Questions to Ask When Reviewing a Design (10)
- A Cautionary Tale from the Target.com Redesign (4)
- Review of Notable — Web Design Feeback Tool (9)
- 11 Retail Emails Web Designers Should Subscribe To (22)
- 2010 Retail Theft Survey Infographic (2)
- CSS Rounded Corners 'Roundup' (82)
- Using a Background Image Grid to Lay Out Your Web Site (43)
- Typography for Headlines (40)
- Blog Comment Form Design Showcase (15)
- Blog Comment Design Showcase (36)
- How to Get a Job in the Web Industry (24)
- How to Create a Block Hover Effect for a List of Links (32)
- How to Write a Web Site Creative Brief (6)
- How to Style 'Author' Comments Differently on Your Blog (9)
- How to Style an A to Z Index with CSS (5)
- Designing Interfaces: Patterns for Effective Interaction Design
- Blog Design Solutions
- Designing Web Usability
- 101 Essential CSS Tips, Tricks, & Hacks
- Web Standards Solutions
- Web ReDesign 2.0: Workflow that Works
- The Zen of CSS Design
- Don't Make Me Think
- Bulletproof Web Design
- DOM Scripting
- View more recommended reading…
14 Comments Posted
Great resource; thanks for putting this together ... navigation design is always a place I get hung up on early in the design process.
We put together a post a while back, "Horizontal Navigation; nine ways to skin a cat"
Once you start perusing the web for inspiration rich entities, you quickly notice the very small world from which everyone seems to be working from – especially when you get as specific as horizontal navigation.
1. Posted by Martin Ringlein on August 24, 2008
Martin — nice! I'm definitely going to add some of those examples.
2. Posted by Christian Watson on August 24, 2008
Thanks Christian,
Your showcase collection is a really good source for inspiration if hung up on a certain design aspect.
I will try and think of more possible topics to include.
3. Posted by David on August 25, 2008
Pleased to see my navigation menu in your showcase !
Thanks to have done a job like this, it help a lot of us.
4. Posted by Sylvain on August 25, 2008
I've been looking for ideas. Thanks. Will try them
5. Posted by anizot on August 26, 2008
It was really interesting read. Thanks for sharing.
6. Posted by Shafaat Awan on August 27, 2008
Great inspiration examples; both yours and Martin's list. Cheers guys.
7. Posted by Web Developer Mike on August 29, 2008
Some really nice examples of site navigation here.
It's always good to have something for inspiration, especially when it comes to something as important as site navigation.
8. Posted by Mathew on September 01, 2008
Great examples you've got here... :)
Keep up the great work!
Ovi Dogar
AbsoluteCovers.com
9. Posted by Ovi Dogar on September 04, 2008
I like the types of navigation these guys use: Noam Design Group
10. Posted by Sam on September 11, 2008
Very impressive list for navigation menu demonstration.
I made one for the Magento, you can see it:
http://www.website1service.com/magentoline/
11. Posted by Matt on September 13, 2008
Thanks for this post!
Great bundle of navigation examples.
It is very educative to see them all in one place.
12. Posted by Pedja on September 17, 2008
Thanks this is a very nice round up. The Nav is code to most websites so I am glad you didn't included the overly complicated. Useability has to play its part and making the nav difficult to follow easily just starts things off on the wrong foot.
13. Posted by website design cleveland on September 21, 2008
Thanks, there are some really useful things there.
14. Posted by affordable web design on November 28, 2008