Top 8 Clean Drop Down Menu Examples
When you have a website with a decent amount of pages your drop down menu becomes a key factor in the user experience. A well laid out navigation can mean a first time visitor is able to be successfully guided through the site. While a poorly designed drop down navigation will almost surely lead to a high bounce rate for your website.
There is a real challenge with menus to keep them simple while still making all your pages available to the visitors. Many webmaster opt to take advantage of multi level drop down menus in order to solves this problem. Below we have created a collection of websites that we think use great design technique to build their drop down menus.
Take a look and let us know if you think we missed any good examples by leaving a comment.
The Theme Forest website uses a simple 2-level drop down menu with a earthy brown tone. The simple design and layout makes navigating their multipage site a lot easier.http://themeforest.net/
The Puma Shop website use a very clean drop down menu with a multi column layout for the second level.http://www.shop.puma.co.uk/
Energy Cell uses a green, earthy color palette with a drop down bar menu. The css drop down bar method is a good alternative to a normal drop down menu if you don't have that many sub-menu items.http://energycell.co.uk/
The Fuel Creativity sites uses a very colorful drop down menu to guide users to their other web properties.http://www.fuelyourcreativity.com/
The Peach Pit websites uses a menu that at first glance looks like a simple Single Level menu but as you hover over, you are greeted with a clean drop down menu that clearly displays your options.http://www.peachpit.com/
The Media Temple web design is great just in itself but the navigation really shines here. They have a very clean level 1 and the sub menu items are easily discerned because of their icons.https://www.mediatemple.net/
The White House
Take a look a the White House website and you will find website built on the open source framework Drupal as well as a cleanly laid out drop down menu navigation.http://www.whitehouse.gov/
The Oracle website is using a simple gradient drop down menu but the sub menus are beautifully separated into multiple columns.http://www.oracle.com/index.html