• August 19, 2012

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.

  1. 1

    Opera Drop Down

    This Opera styled drop down happens to be one of our own. Check it out and download the source code if you want. You can also customize this one in our Menu Maker.

  2. 2

    Theme Forest

    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.

  3. 3

    Puma Shop

    The Puma Shop website use a very clean drop down menu with a multi column layout for the second level.

  4. 4

    Energy Cell

    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.

  5. 5

    Fuel Creativity

    The Fuel Creativity sites uses a very colorful drop down menu to guide users to their other web properties.

  6. 6

    Peach Pit

    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.

  7. 7

    Media Temple

    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.

  8. 8

    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.

  9. 9


    The Oracle website is using a simple gradient drop down menu but the sub menus are beautifully separated into multiple columns.


Did we miss any Drop Down Menu Examples?

If you think you have a website that belongs in this list please leave a comment below and we will add it to the list.