How to create a landing page that converts

The above the fold of your landing page is the most important section - and can be hard to get right. Here’s a step-by-step guide to creating a killer opening that will boost your conversions.

Table of Contents

Share this article

The art of creating a conversion loving landing page:

1. Anatomy of an Above the Fold landing page

I’m using Relume, which is a components library for Webflow, to illustrate this

‍

2. Why I’m just focusing on Above the fold

Most of you are working to get your first 10 customers, correct?

Which means your landing page should serve as just that - a landing point from which people can take action, not a manifesto.

once you get your first 10-20 customers, you can expand into having a longer landing page that details features and gives more of the founder story.

Until then you’re finding product-market fit and your landing page should be exceptionally concise and to the point so you can focus on traction - not your website.

There are exceptions, for example if you are in a research-heavy or enterprise-level product, which I know some of you are, but for the vast majority, until you hit 15 customers, you just need a little landing page.

Your landing page until you get your first 10-20 customers should

help you find product-market fit
be concise and to the point
give you the freedom to focus on traction
‍

There are exceptions:

if you are in a research-heavy
or enterprise-level product

But until you hit 15 customers, you just need an above the fold landing page.

‍

3. What you need first:

This is where the brand persona information comes into play!

If you missed it, here’s a 5-step plan to find your core customers, their desires, and their fears

- Header

What 2 desires do your core customers say your product gives them?

What 2 fears does your product help your core customers avoid?

1. List of desires/fears:

2. List of objections

What is the core customer’s top objection to taking the next step?

- Subheader

- Social Proof

- CTA

- Value-add visual

This visual is the reason why you don’t need a slew of feature explanations. When you are selling the fix for one core pain point, you just need to show that your product answers that one pain point.