Minimalist navigation in web design – An idea to supercharge your navigation?

Minimalist Navigation on a mobile can help a great deal, but not just hiding menus away off the screen.
Web Hosting

In general, what is minimalism?

Well, that depends. Music, Art, the way you live – really, they each have different meanings when it comes to minimalism. I’m a fan of The Minimalists – Their podcasts are great and they have some great tips for most people to live more fulfilling lives, even if you don’t want to own only a bed and toothbrush (I’m kidding, have a read of this page from The Minimalists where they explain what it can mean). Can this approach be beneficial to create minimalist navigation in your website that would benefit the user and goals of the website?

How do we apply minimalism to Web Design in general?

So, minimalism is multi-faceted, but how do we go about applying it to our websites? Now, I don’t only mean in the design, but the content, structure, and how we navigate around those sites. I’ve written a post previous about minimalism in web design in the form of negative space and I won’t go over those points here in detail. Essentially, just look at what’s necessary in terms of content etc. to get your point across and then work on the design from there.

How do we (often) currently apply minimalism to achieve minimalist navigation?

I’m sure that if you talked about minimalism in design that would get people thinking about the most obvious aspects – a bold use of space, colour and typography perhaps.

Perhaps it even makes you think about hiding things away behind buttons that reveal more content or links like an accordion of different paragraphs or FAQs.

For navigation, it might make you think of burger menus – those familiar 2 or 3 bars that animate gracefully and reveal a list of links to different pages. To be honest, I do like seeing those menus and the sometimes creative ways a designer makes them transform. I even implemented one on my own website recently – although that process got me thinking. Do we need them All. The. Time?

The answer is no, probably. Perhaps I’m not coming at this from an artist’s definition of minimalism, harking back to the 1960s and ‘70s art movement. I’m tackling this problem from a “what do we really need for a good user experience, and to provide the user with the content they need at the right time” perspective. (I know that’s such a catchy sentence, don’t all rush to use it at once).

So in what way can we apply minimalism to our navigation menus and structure to achieve minimalist navigation that really helps users?

Just as with my other post on minimalism we need to think about the structure of the site. You may already have designed your site from the structure up and have just the right amount of content and pages that lets you complete the goal you set.

Is it necessary to have 100 links to every single product you sell as a business right there on a gargantuan menu? Probably not – you can probably just have a page for each category of product, and on those pages, you have essentially a catalogue of the products you sell within that category. I think most businesses do this now – it’s nothing new.

Now, consider what pages you want your visitors to most easily be able to access. This aligns with your business goals – as a freelance web designer, for example, you probably want to showcase your work and make it easy for the visitor to contact you. Assuming you have separate pages of those things, but also have some other pages such as terms and conditions, you could decide to not hide the portfolio and contact pages. Rather, have them as styled links still at the top of your page, but couple that with a menu that hides away where the visitor can access other links they may need but aren’t as important to that user experience and the goal of the business.

When designing a new website for a business I’ll start with reviewing current content, going over the goals of the business, and build a structure of the website based on some straightforward user personas. That structure is specifically targeted to deal with the goals the business needs to accomplish.

Some things to think about when you’re designing the structure of your websites

  • Is there any page or a few pages that are most critical to the goals of the website?
  • Is there any way you can simplify your navigational structure to make it easier for a visitor to get around your site and find the content they’re looking for (that’s where some user personas come in).
  • Try to get rid of what isn’t necessary to complete the goals of the business (you don’t have to get rid of everything that isn’t a product page – after all, things like blog posts are a very useful tool for engaging your potential customers).
  • When it comes to a hidden menu on a mobile device (or on the desktop version of the website, if that’s the way you want to go) can you have two or three of your most important pages upfront and on the page rather than on that hidden menu? Would making those few links more visible to visitors mean the business may more easily be able to accomplish their goals and get that content in front of the visitor?

Minimalist Navigation on a mobile can help a great deal, but not just hiding menus away off the screen.

Looking for resources for your navigation or web design project?

Sometimes you might want to create your own icon/button sets for your website. If you can, or if you have the time, that’s great. Good work.

If you don’t have the inclination/time/knowledge to create those then you’ll often find yourself on the hunt for these resources on the wide web. Although I like to create icons/buttons where I can, I often find myself hunting for free resources to save myself time. Plus, a project doesn’t always have the budget to allow you to either create your own (it can take time) or purchase icons just for the one project.

A great place to start is’s resource on the best free UI icon and button sets. It’ll get you pointed in the right direction on your hunt for that elusive perfect icon.


Applying minimalism to a website is something that’s been done for a while. I don’t think what I’m suggesting is anything groundbreaking in design. However, apply these concepts to each design stage (sparingly albeit; we don’t want to just have a white page with nothing on it…) such as designing the navigational structure and how the different pages of content fit together.

Consider what’s needed. Use what improves the user experience and benefits the goals of the business.

You care about your website's speed, right?

Quick disclaimer: I'm a SiteGround affiliate, and below are some affiliate links. If you click a link and make a purchase with SiteGround, I will receive a small commission from SiteGround. This doesn't cost you any extra, but it helps me keep the lights on. I only recommend SIteGround because I use them myself, recommend them to my web design clients, and personally know the quality of their products and service.

No one wants a slow loading website. I'm sure you're probably aware, but the quality of your website host is one of the biggest factors in your website's loading speed.

I host my own website with SiteGround for a couple of reasons (other than them being one of the WordPress recommended hosts):

  • The quality of their hosting (the speed of their servers and their security). They're one of the best in the industry.
  • Their support team is outstanding. On the rare occasion I've had a problem, or just had a question, they've been on hand incredibly quickly. Plus, they really know their stuff.

Click on the banner below, or follow this link to get a website hosting company who are a cut above the rest.

Web Hosting

By: Scott Cole

December 14, 2017 |

Here're some other posts you might find helpful!

Supercharge your website contact info - a few thoughts and tips on how to make your website contact information accessible to your visitors

Website contact information. Sometimes, you’re trying to contact a company and their phone number is just hidden away, never to be found. Personally, I find it quite frustrating. Especially when I have to go through what feels like 5000 support FAQs before they’ll let me have a number or email address. So, with that in […]

Why having a mobile first website is crucial to business growth.

What is mobile first? Well, you probably have heard of mobile responsiveness when it comes to websites. It just means a website is built for desktop browsers but will transform gracefully for mobile devices. That’s great, and it has a wealth of benefits. Some of those benefits are the same as the ones I’ll talk […]

Negative space web design - How to implement it

You’ve seen websites that seem sparse yet they’re engaging and still convey the message that’s intended (sometimes more effectively). How does the designer achieve it? More importantly, how can you implement negative space in web design if you’ve not got any experience with it? I’ll share some actionable tips to implement negative space in your […]

Leave a Reply

Your email address will not be published. Required fields are marked *