7 Design Tips to Optimise Your Landing Page

Have you wondered why your landing page doesn’t lead to enough action from your visitors? 

 

You know you have the best of the best value proposition and content. 

 

You may have spent thousands of dollars on a guru copywriter or days and weeks working on the copy to convert.  

 

Yet, you are not getting the results you want.

 

Why?

 

Your landing page is just a click away from visitors exiting. 

 

Capturing the reader’s attention is getting harder and harder. 

 

There are so many things out there trying to get everybody’s attention. What makes yours different?

 

The answer is in the design of your landing page. 

 

You’d be surprised how most marketers focus more on the content and leave out design elements altogether. 

 

If you were to double-down on design, you will have a way better edge than the rest.

 

Here are our best 7 design tips to optimize your landing page this year: 

 

 

Tip #1: Focus On Real-life Experience 

While choosing the background of your landing page. It is important to choose a picture that paints the solution to the problem. 

In the image above shows 2 landing pages. In our perspective, the white background landing page on the left gives an experience of a very clean white toothpaste. 

It will appeal to visitors that are looking for a teeth whitening product.

 

On the other hand, the second background landing page on the right gives the experience that the toothpaste has its own life on the beach. 

 

Indeed it has reinvented itself. 

 

 

Key takeaway: Choose a background that provides the experience or solution to your visitors.  

 

Tip #2: Avoid Using All Caps In Titles

 

Having paralysis on choosing the typesetting? 

 

The title is one of the first things your readers see when they land on your page. 

 

It may be a great hook, but if it can’t be read with ease, nobody is going to engage and scroll further.

 

Give it the space it deserves by using sentence cases because findings have shown that an ALL CAPS title is hard to read. 

 

Furthermore, it sounds like they are being shouted at.

 

If you have to use all caps, you may want to increase the kerning (spacing between letters) so that the sentence is spaced out nicely for the reader. 

 

Key takeaway: Avoid all caps and use sentence cases for your title for easy reading.  

 

Tip #3: Set The Mood With Colour 

When selecting the colours for your landing page’s element, you can optimize it by choosing the right colours to set the mood for your readers.

In this example where Chris Hemsworth is looking hot in one of his landing pages, the general tone and colours are soft, light, clean and on-brand.

Imagine using bold and loud colours here, his landing page will not be helping you feel relaxed and calm at all. 

If you are unsure what mood and colours to set, A/B testing your landing page would work best. 

Key takeaway: Choose the colour that set the mood you want your visitor to feel 

Tip #4: Accompany Description With Infographic 

 

Another design tip that can optimize your landing page would be the use of graphics.

Many times we may have loads to describe what our product is about. Adding infographics helps to reduce the amount of reading time for your visitor.

It also helps your visitor better visualize what you want to say. This visualization helps them understand your product and services straight away.

If you want people to read the first sentence, something has to draw them to it.

The above example shows the difference between having the information in point form and using infographics together with the copy.

Key takeaway: Use an infographic to help your visitor visualize. 

Tip #5: Add Social Proof 

 

Trust takes years to forge, but breaks in minutes and forever to repair.

 

I’m sure you’d like to speed up the process of building trust with your audience. 

 

Social proof is a good way to earn the trust from your visitors, especially if you are a new kid on the block. 

 

By providing proof with whom you’ve worked with can help others relate with the type of people, brands and businesses you have connected with. 

 

The above example speaks a thousand words by just using social proof.

 

Key takeaway: Use Social proof to build trust with your audience

 

Tip #6: Design Call to Action Button 

 

It’s simple but effective that a striking and obvious button helps your readers to take action on your landing page. 

 

Having spent so much time and effort building up your landing page, you would not want to let a small thing like a button stop you from reaching the finishing line. 

 

If no action is taken, your business does not exist. 

 

So let’s get on to create the best converting call-to-action (CTA) button. 

 

Have you wondered why most CTA buttons are green in colour? 

 

Why not other colours? 

 

Why not red? 

 

To cut your research short, green has been widely used in most CTA buttons to show that it is safe to go ahead. 

 

Red colours have represents a feeling of caution or danger, hence red is always used on buttons with the words “Cancel” or “No”.

 

Next you would also want the text in the button to be Striking. 

 

Here’s what you can do:

 

  1. Choose a contrasting text in the green button, black, dark blue, etc. 
  2. Design the page to lead the eye to the button with graphics, text, etc.
  3. Use a bold, thick font for your CTA text.

 

Key takeaway: Use bold contrasting text on the button and a graphic leading the eye to your CTA. 

 

 

 

Tip #7: UI For Quick Sign Up

 

 

We are now on the last design tip to optimize your landing page.

 

Knowing your landing page objectives is winning half the battle. 

 

With half of the world’s web traffic coming from mobile, it’s no brainer we have to ensure our email list opt-in form on mobile capture the attention of our readers to sign up.

 

The mobile screen is not huge, hence, maximizing the use of space with your opt-in form button can help draw reader’s eyes to it more.

 

Lastly, make it easy for readers to key in their information without them having to tediously use their fingers to back space, select each word to move left and right or up and down within the tiny field boxes.

 

 

Key takeaway: Design your opt-in form just like how you’d like to use it yourself.

 


Hi, I’m Marilyn. 

I’m creating tons of kick-ass design tips to help you become a better marketing leader.

This will be launched in March 2021. By then, you will see at least 300 design tips you can use as your swipe file resource.

7386 marketers are in. I’d love you to be part of this community too. See you inside.

Sign up here to be notified when launched.