8 Essential Tips to Make Your Landing Page Design Better

8 Essential Tips to Make Your Landing Page Design Better

Your landing page is your first chance to grab attention. Here are essential tips that would help you make your landing page better.


The online real estate landscape has grown rapidly. Business owners, marketers and media outlets put in all efforts to make sure online traffic is directed to their sites and their reach is strengthened. But regardless of the effectivity of your marketing campaign, it will all be worthless if your site itself fails to convert. Here are great tips and tricks to make sure your landing page makes the best impression you can give.

1. Use Good Quality Images

Using pixel-perfect images for your site might be one of the most obvious tips, but it is also one that is taken for granted by a lot of web design novices and DIYers. People often think that your media are often secondary to your text. Contrary to this, all your content – text, images, videos, etc. – are all equally important, which makes using good quality images at the top of this list.

Through great images, website visitors can immediately grasp your message and the overall mood and feel of your site. The first image above sends a better (and clearer – no pun intended) message than the second image.

Note though that a balance should be struck between using great images and heavy file sizes. Make sure your file size is not on the overly-heavy side so as not to affect your website’s loading time.

2. Use the Right Color Palette

Your color palette is essential in establishing your brand’s persona. Yellow gives off the feeling of adventure, black feels more serious, brown feels earthy and rustic, blue feels cool. The colors you choose help visitors recognize your brand and set the tone of the entire website. This makes choosing the right color palette essential in making your site reflect what you are all about.

The background and picture have the same vibe – reinforcing a feeling of boldness and adventure.
Since the feel of the background and picture do not match, the opportunity to show boldness and adventure is not maximized.

If you want a good starting point, try visiting sites that you like and pay close attention to the colors they use. Also, there are now a lot of easy-to-use apps and sites to help you choose the perfect color palette for you.

3. Keep the Layout Clean by Using Whitespace

Whitespaces are negative spaces used in your layout. While you might be tempted to just fill your website with media and text, using whitespace correctly let’s your design breathe and give your visitors a visual cue on where to focus on.

Image above is an example of how good use of whitespace can improve your landing page.
Here is the same section using less whitespace. It feels more cramped and less professional.

4. Make Your Text Easy to Scan

The first thing your website visitors will do is scan your content. Even after the initial scan, most of your visitors won’t read all the details you’ve written. Research by the Nielsen Norman Group found that on an average web-page visit, visitors read only 28% of the content.

Given these statistics, it would be smart to avoid lengthy text and use strategies to draw eyes to the most important details by using the following:

  • Headers (H1, H2, and so on) for headlines and section titles
  • Bold, Italic, Underline to highlight your points
  • Block quotes to highlight the main thought in a post or give emphasis to a quote
  • Numbering and bullets to make information easier to absorb

5. Start with Big Ideas before Diving into Details

When deciding what to put in your website, most people just want to include everything there is to know about their product or services. While that’s totally understandable, organizing your content has its benefits.

Start with the overarching value proposition before deep diving into the nitty-gritty details to avoid overwhelming visitors with information from the get go. Highlights should always go first, and details should be saved for those who choose to delve in deeper.

After starting with highlights and proceeding to details, you always need to zoom back out at the end of your page and prompt your visitors to do something else. End strong by restating your value proposition with a good recap or call to action.

6. Strike a Balance between Your Design and Your Words

The first goal of any website is to covey your message – be it about yourself, your company’s brand, products and services you are offering or a worthy cause. To increase engagement and complete your message, it is best to find the right balance between different media and text. Some information are best conveyed by words, some are just perfect for images and videos.

Showing your value proposition through different types of content makes your page more engaging.

If you’re having trouble getting the right mix of text and media in different sections, a good tip is to utilize different sections for different parts of your message. You can make important sections pop even more by using great separators.

7. Make Your Design Responsive

Websites are increasingly being viewed through mobile devices, making it all the more important to make each page responsive. Cross-posting in different social media platforms and multi-screen dimensions is already the new norm and you need to make sure that your landing pages look great across the usual aspect ratios.

Responsiveness is a must in these increasingly mobile-friendly times.

8. Design with Your Audience in Mind

Possibly the most important tip of all, you need to design and build your site with real people – you target audience – in mind. All the tips above are secondary to putting yourself in the shoes of your readers. Always consider how your readers would engage with your content and try to anticipate their reactions.

To help you design your landing page with your audience in mind, ask yourself these questions –

  • Does my content clearly show what I have to say?
  • Will my audience understand my message/value proposition given how it is presented?
  • Is my content easy to digest?
  • When I first open my landing page, does it catch attention? Would it make my audience want to stay and scroll some more?
  • Does my site prompt people to explore more or to do an action?
  • Can I improve my page to make it easier to navigate so my audience can easily access the information they want?

Recap

Building a great landing page does not need to be such a complicated feat. The following tips can help you design a better landing page easily.

  • Use good quality images
  • Use the right color palette
  • Keep the layout clean by using whitespace
  • Make your text easy to scan
  • Start with big ideas before diving into details
  • Strike a balance between your design and your words
  • Make your design responsive
  • Design with your audience in mind

Want to engage more?

Join the Stackable Facebook Community.

Learn more about Stackable, engage with the Stackable team, and share interesting insights and with fellow Stackable users.

Be part of our community today.

Was this article helpful?

1 thought on “8 Essential Tips to Make Your Landing Page Design Better

Leave a Reply

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

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