30 Examples of Mega Menus in Web Design
Published in GalleriesMega menus are often used on large sites that have considerable number of pages for users to navigate. Rather than just using a dropdown, the mega menu opens up a bigger area that offers more options. While mega menus can make it easier for users to get deeper into the site with fewer clicks, the huge amount of options can also potentially overwhelm some visitors. For this reason, great care should be taken to make mega menus as user-friendly as possible. In this post we’ll look at 30 examples of mega menus in action.
For more design inspiration please see:
49 Responses
Skyrocket Labs have released jDiv, a jQuery plugin to create mega menus – http://www.peterhintondesign.co.uk/journal/index.php/using-multiple-instances-of-jdiv/
VERY NICE!
Awesome showcase! Thank you!
I’ve always liked mega menus I feel like they fit very well for clothes sites lets you get to exactly where you want to be
Nice line up, but I think you missed some of these which are styled a little nicer than some of the ones mentioned:
http://www.starbucks.com
http://www.easports.com
http://www.bohemiadesign.co.uk
http://www.espn.com
Chris
had seen many great & stunning menu collections on a lot of good sites, now it’s time to see others on VD
whatever thank for very nice menus, I intend to make another collection on my blog
I like your Bras N Things design.you put some e-commerce website related to that topic.If u can.I hope you implement my idea into your website
Great examples of mega menus! I particularly liked GNC and Rip Curl mega menus. I agree with the previous post that when integrating a mega menu within your site, it is important that it is done in the right way. Also mega menus are better suited for ecommerce sites with many categories.
Dell and Ikea have great mega menus too
Mega menu can be a very powerful element in a web project, thanks for sharing this article!!
Chris,
Thanks for the additional examples, all look good.
Nice collection!
I am working with my current company and are developing a mega menu.
What we have found is this is a stumbling ground for bad usability. Beware random links and think carefully about your titles and grammer. People can respond very differently to how you think they will and expect something completely different to where the link actually takes them.
I recommend (if you have the budget) usibility testing as it will throw up things you never expected. Make links very literal and don’t make the user think too much about where they need to be.
Nice to see that mega menus do have a place in the web design world.
Some good stylish examples, I would include Amazon too as it is probally the most well known and used.
Nice list! Here’s one done by a friend of mine:
http://www.pebblebeach.com/
Seriously good examples of mega menus. Love the ripcurl site. Great read
Its a nice collection of mega menus. I like these menus and these are good for larger sites.
Nice collections of menus. Great work. Thanks for the post.
Brandon,
That one looks great. Thanks for leaving the link.
great collection…! thanks for sharing page is well worth the bookmark
I like mega menus. It makes it a lot easier for me to navigate through sites – I can get right to what I’m looking for.
Staple’s menu is very nice, I like the colors they used. In my opinion the colors are very important in the creative process.
This is a great list. I’m really like the rip curl menu. I may try to implement something like this into my site.
http://reuters.com has a great one.
Awesome list, all those mega menus are very important for large sites so thanks for the inspiration !
These are great Mega Menus. I just started using them, and they are great. So flexible, thanks.
This menus r so usefull.
These really are easy to navagte with. I do not have a large web site like this yet but, it is nice to know how to do it before you need it. I hope to get there some day.
awesome navs!
Eastbay.com also uses MEGA MENUS.
Deutsche Bank’s got one, too: http://www.deutsche-bank.de/ (hover above client logins)
Lowes gets a mention and Home Depot, a much better menu, doesn’t?! Home Depot looks MUCH better! I sense some sort of bias…
I like the one on : http://seedeo.fr
Great list by the way thanks
http://www.eno.org features an entire calendar in the “see what’s on” menu – a very handy tool.
http://www.privatemobilenetworks.com has a great one too
A very coool post for people working on larger websites! We had to design a monster menu for http://www.vanwalt.com earlier this year; a post like this would have come in handy… I agree with the comment above, this is great inspiration for future projects, will keep you bookmarked
Great showcase guys! Footers/Headers/Navigation… the changes in design are incredible!
Thanks for digest. Very helpful post for the one who has really big task to make large menu look nice and easy to use.
Great and nice showcase guys
Love the nGen Works and AmazeeLabs websites.
Great,Thanks for share
Thanks for sharing such a great collection of mega drop down menus. Most of these mega drop down menus are very abundant with links at second click, this way could refuse some visitors.
People in short-term memory can hold max 7 items according to researches. I think it would be better for some mega menus to have 3-rd click.
Thanks again, for effort of collecting mega menus.
Mega menu nice list
thanks for sharing brother
Nice round up i built one over at http://www.cookercentre.com under the product finder nav link. Aesthetically it was what the client wanted and i like to think it’s simple enough to navigate.
Although i do have a couple of problems mainly if Javascript is turned off — anyone got any suggestionsa ?
Some are good and some are not but certainly these big menus make website look good
Great selection! A few that I would have left off, but very nice, thanks!
Amazing List! thankyou.
Thanks for this showcase. I’m working on a website with megamenu and I was looking for inspiration.
I use drop down menus on a daily basis, it’s come to a point where I simply expect a drop down menu to appear when I mouse over any main nav. With mega drop down menus popping up everywhere, it seems almost negligent to not implement at least some variation, be it a few simple links, or a more complex style with relevant product suggestions or content.
We just implemented a new drop down style that blends simple links with a little rich media. We included links to relevant how-to content represented with an image to the side, check it out at Mowers Direct
Nice collection here. Mega menus are very helpful for users when navigating complex websites. I have always liked them and found them useful!