Websites & LPs 🖥️
First presented on 757 Startup Studios

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

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.

My number one tool suggestion for this is Arcade.

My number two is Tango

My number 3 is Loom

- Plan out the customer journey

- Screen record that as the heroes journey

- Make it 10 secs or less

- Pull it all together

- The wrap up

Share this article

Let’s connect and brainstorm more ideas!

How to create a landing page that converts
How to create a landing page that converts

Related Blog Articles

Websites & LPs 🖥️
7
min read
January 24, 2022
Sophia O’Neal
Sophia O’Neal

How to write pro landing page copy in <2hrs that converts (even if you’re terrible at marketing)

Hitting a block with copywriting for your landing page? Don’t worry. Here’s how you can finish your task—in under two hours!
How to write pro landing page copy in <2hrs that converts (even if you’re terrible at marketing)

Let’s make it official and get to work.

We’ll be in touch in a jiffy to get your company’s marketing sparkly and spiffy.

Name*
Company name*
Email Address*
Website
How do you want to work together?*
What’s your biggest marketing question?
When do you need this done?*
Choose option
Thank you! Your submission has been received!
Let's chat.
Oops! Something went wrong while submitting the form.
By clicking “Accept”, you agree to the storing of cookies on your device so we can make your experience as magical as possible ✨