Landing pages are the important parts of your site where you want to encourage people to perform actions, and therefore play a key role in your pay per click (PPC) advertising campaign. Good landing page design is also vital to attract relevant organic traffic too.

Here are 12 landing page design tips, compiled with the help of Matt Pilkington at Superrb, one of our partner agencies. The graphic below is a reworked version of this original at Kissmetrics.

12 landing page design tips

1. Headline (emotive)

Your main headline should not describe your product or service; it should tap into the emotion of the reader. Think about newspapers as an example here. Which headline is more likely to persuade you to read a story?

‘Prime Minister shamed by gobby housewife’?

Or

‘Woman complains to Prime Minister’?

Evernote landing page

The Evernote home page is succinct and it focuses on the core benefit rather than the features of the product.

Emotive headlines like ‘Try our mouth-watering cakes’ and ‘Get slimmer and fitter faster’ engage the reader’s senses or enable them to imagine a positive end result.

2. Sub-heading (descriptive)

The sub-heading can be more pragmatic. Whilst the main headline is about getting the reader to pay attention, the sub-heading explains what your headline relates to and what it is you want them to pay attention to.

AirBNB landing page

3. Concise copy and bullets for scanning

No matter how much you write on your page, people generally don’t read it. Copy is useful for those who want to read it but, on a landing page, visitors are busy searching for whatever they came to do. They are looking for the quick visual cues that give them your phone number, take them to your contact page and show them examples of your service. The majority will ignore big blocks of text.

Landing page example from Unbounce

This example from landing page design specialist company Unbounce summarises features in clear bullet points.

4. Testimonial (social proof)

Testimonials from real customers prove that you can deliver what you promise. Be sure to cite the source of each one.

Basecamp landing page example

Basecamp’s use of real users’ photos on its home page shows the types of professionals who use it.

5. Strong call to action

With the call to action, position, size and colour come into play. The eye should be drawn to it immediately, so there must not be too many distractions on the page.

ASI Asbestos landing page

The ASI asbestos page has a clear call to action – ‘Get a free quote!’ – just above the form.

6. Prominent button

A clickable button in an action colour, like orange, can improve the response to your call to action. The call to action might tell visitors to ‘click here’ or ‘download now’, but the button will improve chances of a click because many people need an instruction and something obvious to click on.

Lewis Pies landing page

There’s a lot going on on this page, but the ‘BUY FROM US’ button is easy to spot.

7. Minimal links

Cut clutter from your landing page. The more links there are on the page, the more likely it is that your prospect will follow their nose to other pages of the site, and perhaps even to another site altogether, without carrying out the action you wanted them to perform.

Zambezi landing page

The landing page for Zambezi Safari & Travel Company doesn’t feature site navigation or links in text. The only thing visitors are encouraged to do is fill in the form.

8. High quality imagery or video

Images are important, not only to make the page more attractive and to show your product, but also to improve the sharing potential. Plus, you can boost traffic through Google Images. A growing number of companies are experiencing the benefits of hosting video on landing pages, as they increase engagement and help demonstrate the benefits of the product or service in a succinct way.

Skype landing page with video

The Skype home page features a background video instead of a background image.

9. Position for call to action

The call to action must be visible without the user having to scroll. You can have a form that runs down the page, but the eye-catching element should be easy to spot instantly when the page loads – even if you repeat a call to action at the bottom of the page.

Island View Holidays landing page

Island View Holidays has a bright booking button, but also a persistent bar at the bottom of the screen. This disappears once you scroll far enough down the page.

10. More specific info

Having kept copy to a minimum for the key points, a ‘more information’ box shows that there is more to read. If a visitor wants to explore in further detail, they can. Remember not to send them away from the page though, so think about ways to keep them on the page, or take them to a secondary landing page where the additional information is visible, but calls to action are not lost.

Fiverr landing page

The Fiverr landing page features a simple header area with limited text and a strong call to action, but as you scroll down, there is a lot more to read.

11. Trust signs

Logos from trusted bodies or padlocks to show that the site is secure can help to build trust with your customers.

Sprout Social client logos

Sprout Social features a list of client logos on its home page.

12. Social engagement

Encouraging users to subscribe to a newsletter or like you on Facebook is a good way to encourage interaction where, perhaps, a full conversion doesn’t happen.

British School of Motoring home page

The British School of Motoring dominated its home page with this image, encouraging people to share a selfie on the hashtag #bsmselfie.

Need help?

If you need a helping hand when it comes to landing page design, don’t hesitate to speak with our PPC and design specialists. Give us a call or fill out a form and we’ll ring you back.