4 Pillars of Lean Web Design

by Sabina Idler

Last updated on March 29th, 2018

The lean movement. We’ve all heard of it. And considering its recent popularity, it’s probably a good thing. But what exactly does ‘lean’ mean?

Here is my definition: Lean describes a way of doing something with a verified goal in mind and with a very clear focus. For lean web design, this means a constant focus on the actual user.

While designers used to be able to express themselves and their own creativity with their work, they are now kept in check by what’s called user centered design. This does not mean life has gotten any easier for designers. If anything, their work got a lot more complex.

User centered design includes more than just aesthetics. It’s about designing a product or service in such a way that it matches the expectations, needs, and abilities of the prospect users.

Here are the four corner pillars that you should consider for a lean web design:

1. The user

The first and most important pillar are your users. If you don’t know who you design for, how are you supposed to get your design right? How are you supposed to meet your users’ expectations if you don’t even know what they expect?

So get your ideas out there and ask real people what they think. Then, take that feedback and do something with it. If people say they wouldn’t use your website, don’t just ignore them. Instead, ask them why and what you need to change so they would use it.

Verifying your concept with your prospective users is an essential step towards creating something people will love. And that’s the idea, right?

It's important to know who your target audience is and what they're like.

It’s important to know who your target audience is and what they’re like.

Here are some key questions you should be able to answer about your users before you even think about what your design should look like:

  • Who are your users? (Don’t answer this question with who you want your users to be. If you have a target group in mind, make sure you talk to them so you can answer this question with certainty.)
  • What are your users like? (What are their interests? What language do they speak?)
  • What are their motives to use your website?
  • What goals do people have when they visit your site?

2. The content

Next, there is the content. Once you have defined your target group and you know the motives and goals they have when visiting your site, get started on your content.

Lately, this has become more important than ever. Content is king and people are looking for high quality.

Consider anything you offer on your site as content, such as text, video, images, interactive elements, or any other information. Make sure, you wrap your content in a format that suits your target group.

After creating the content for your site, you need to structure it in a way that makes sense to your users. Eventually, you want them to find their way around your site, so it’s really about their logic, not yours.

Again, go out there and ask your users how they would structure your content.

Here are some key questions that you should be able to answer:

  • What kind of content are your visitors looking for? (Information? Entertainment? Social interaction?)
  • What specific content are people looking for?
  • How do they look for that content? (Do they use the your main navigation menu? Or the search option? Or do they browse your site until they trip over something interesting?
  • Where do your visitors expect to find certain content?
Redbull invites you to explore the “world of Red Bull” in form of the latest news and lots of videos and images.

Redbull invites you to explore the “world of Red Bull” in form of the latest news and lots of videos and images.

Red Bull is the perfect example of how content can make your brand and your site come alive. While there really isn’t much you could say about an energy drink, the website bursts with information and fun content on their marketing. The site invites you to explore the “world of Red Bull” in form of the latest news and lots of videos and images.

3. The design framework

The design framework defines how your site will respond to different devices. Mobile Internet is getting more and more important and you should have a solid strategy how to handle different screen sizes.

The motives and goals your users have when they visit the desktop version of your site might be completely different when they visit your site on mobile. Mobile devices not only have limited screen real estate, also the context of use is likely to be very different from desktop.

You will have to set priorities and restructure your content. Make sure these priorities are in line with real mobile use cases.

Here are some key questions that will help you design your website for different screen sizes:

  • In what situations do people visit your site?
  • Where are they when they visit your site?
  • Are their motives and goals for visiting your site affected by their whereabouts?
  • What do they do while visiting your site?
Whether you are at home, or on the run the Starbucks website is clean and easy to use.

Whether you are at home, or on the run the Starbucks website is clean and easy to use.

Starbucks has a responsive website that adapts perfectly to any screen size. Whether you sitting on the couch, looking for their global responsibility report, or you are on the run, desperate to find a store close by, the site is clean and easy to use. While the desktop site shows all content in detail, the mobile version is stripped down to its essential content.

4. The visual design

The fact that user centered design is more complex than the aesthetic appearance of a site does not mean visual design is any less important. It can be a powerful tool to attract your visitors’ attention and to draw them in. Also, it allows you to guide your visitors through your site.

Design elements, such as color, images, and typography can be very valuable for creating a unique atmosphere on your site and getting your visitors emotionally engaged.

Emotions are a powerful asset in web design as they help you to bridge the gap between the technical nature of the Web and the accessible, user-friendly and personal experience that we expect on a website today.

Ask yourself these key questions to help you get the most out of your visual design:

  • What appeals to your visitor?
  • What draw’s your visitors attention?
  • What personal desires do your visitors have?
  • How can you get your visitors emotionally engaged?
The natural beauty that is portrayed on the WWF homepage is more powerful than any words.

The natural beauty that is portrayed on the WWF homepage is more powerful than any words.

WWf uses a selection of alternating big images to add drama on their homepage. These images not only draw our attention, they also trigger our emotions. The natural beauty that is portrayed here is more powerful than any words. The rest of the design is very clean, offering little distraction from the content. Colors are used sparsely and only as highlight or to guide the visitor.

Listen to your users

The key of lean web design is that you learn how to listen to your users. This is important throughout the entire design process and also after your site goes live. The Web evolves continually and so should your design. Make sure you stay open for feedback and strive for constant improvement. Your users will appreciate the effort and they will acknowledge it with loyalty and a positive word of mouth.

Here are some key questions that you should keep asking your visitors:

  • Can you find everything?
  • Are you missing anything?
  • Do you have suggestions for improvements?
Vodafone.nl ask their visitors for feedback, showing that they are concerned with improving the website.

Vodafone.nl ask their visitors for feedback, showing that they are concerned with improving the website.

A good example is Vodafone.nl, the Dutch Vodafone site. They offer their visitors a constant feedback mechanism on their website. Even more, they demonstrate that they are open for feedback and concerned with improving the usability and the user experience of the site.



Get updates on new articles, webinars and other opportunities:

Sabina Idler

is founder of UXkids and head of product at Usabilla. While her education and interests are broad, Sabina is passionate about improving interactive media for all ages.


Comment Policy

Please join the conversation! We like long and thoughtful communication.
Abrupt comments and gibberish will not be approved. Please, only use your real name, not your business name or keywords. We rarely allow links in your comment.
Finally, please use your favorite personal social media profile for the website field.


Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

  1. Riyaz says:
    October 19, 2017 at 2:08 pm

    The first and second pillars are quite familiar to me. Whenever I start to website design project, I ask these question:

    1. Who will be the targetted users
    2. What type of contents would be displayed?

    Now I learn the 2 extra pillars that I actually focus on but never considered it would be.

    thanks, Sabina.

  2. Anonymous says:
    April 12, 2016 at 6:22 pm

    Great information about 4 Pillars of Lean Web Design.

  3. Anonymous says:
    April 12, 2016 at 6:21 pm

    Useful resource for web designers.

  4. Anonymous says:
    April 8, 2016 at 3:36 am

    Very informative post .. We will defenitly try this out .. Keep udated with more . Thanku

  5. Anonymous says:
    February 10, 2016 at 12:47 pm

    This is an excellent post and this is main 4-pillers where is the web design is actually stand. The Modern search engine is also focus on this 4-pilers as a ranking factor.

  6. Sekhar says:
    January 23, 2016 at 12:51 am

    We have to concentrate on multiple things while designing a website, including layout, widgets, color and motive of site. The user interest & his attention should keep in our mind while maintaining a web site. You are given nice article on web design. Than you, Keep posting these type of articles.

  7. Rakesh says:
    April 10, 2015 at 6:42 am

    A user centric post is always lovable by its visitors. There are a number of blogs/blog posts which are more adorable by millions of people due to its information and its usefulness. Just creating a web design is not enough but creating a meaningful and impressive design which looks impressive and cool should be the main motto of every web designer. I just want to say make a design which will told much more about your product and service and this is the big plus point for a web design. Thanks!!!

  8. January 2, 2015 at 10:08 am

    Wow! The post interesting for Us and really inspirational for web designer from india like us. We are a web design india company. We definitely use this next time. Meanwhile do you have a blog entry for upcoming trend in web design in 2015?

    Thank You

    • January 2, 2015 at 11:34 am

      Glad you liked it. Thanks for the suggestions. We’ll see what we can do.

  9. Samuel Lewis says:
    September 14, 2014 at 5:04 am

    Great Article Sabina!
    This is what i wanted to know and focus on, Designers should actully think about the users and not just be a artist while designing a website. As customers and clients are the main reason for a website, so if they don’t get what the company is about, then its a complete waste.

  10. January 11, 2014 at 11:20 am

    Really useful information here. My site is under review right now and this article helps to explain what I need. Thank you.

  11. A. Solvy says:
    January 1, 2014 at 11:12 pm

    Hey Sabina,

    You explained really well about User centered design and I guess that’s what really matters for a brand/service/organization to reach their and understand them well.

  12. web design says:
    October 21, 2013 at 12:33 pm

    I just saw the message at twiiter from @bensardella and this is great post thanks for sharing

  13. Andre F Bourque ♕ (@SocialMktgFella) says:
    May 10, 2013 at 4:15 pm

    Great summary, although I would add #5 as “Social Syndication,” ensuring all the necessary widgets and functions are in place to enable and encourage social sharing, commenting, and easy content syndication.

  14. Web Design Services in India says:
    May 10, 2013 at 1:39 am

    Very nice explanation on designing a website. One must have to be very carefull while creating a website. User Behaviour and understanding should be kept in mind while designing a website.

  15. linda says:
    May 9, 2013 at 7:11 am

    good information provided thanks

  16. Eric Malcolm says:
    May 8, 2013 at 2:01 pm

    Nice explanation of “lean web design.” I have actually not heard that term before, but it is basically user-centered design and putting the main focus on the user. Great article.

  17. May 7, 2013 at 6:01 am

    Hi Ashley,

    Thanks for taking the time to read my article and for your thoughts on the topic. It is indeed important to keep these basics in mind before getting to the details or thinking about special features etc.

  18. Web Listings Inc says:
    May 7, 2013 at 3:26 am

    Hi Sabina thank you for sharing this post. There are multiple things to think about when designing a website, including layout and color scheme. While the factors involved may make designing a webpage seem intimidating, the process does not have to be difficult.

  19. Web design stratford says:
    May 7, 2013 at 1:37 am

    Hi Sabina Idler,
    You are doing some great work. Thank you for making such a nice website.

  20. May 3, 2013 at 4:39 am

    Hi Sabina, another great summary and review. When I have to make my next website, I shall definitely run through all of these things. Sometimes in the rush to get it out the door we forget some of the fundamentals you mentioned, and the user is left out in the cold. Which of course misses the whole point. Keep helping us get it right :>

Show Me My Heatmap

@AndreaFine @CrazyEgg is an awesome tool! #semrushchat

Netvantage Marketing


What makes people leave your website?