1. Your “above the fold” (ATF) section is the part of your site that’s immediately visible before scrolling.
When visitors see this, they decide to either keep scrolling or bounce.
In seconds, they attempt to assess:
- What you do.
- Whether you’re a fit for them.
2. If your ATF is confusing or uninteresting, visitors bounce.
This happens because of:
- Weak messaging: Your product’s purpose is unclear, uninteresting, or irrelevant.
- Weak design: Your design is unprofessional or outdated.
3. There are 3 things you can change on your ATF.
- Design Let’s dive into each.
4.Headers need to
- Identify how users get value from your product.
- Include a hook—to get them to keep reading.
- Speak directly to your customer personas.
5. To express value, sharpen your value prop
- What bad alternative do people resort to when they lack your product?
- How is your product better than the bad alternative?
- Now turn the last step into an action statement, that’s your value prop
Here are some examples from top startups:
6.Then add a hook
1.Either a bold claim: Something highly specific that triggers the thought, “Wow, I didn’t know that was possible.”
- Or address likely objections.
7. Address your value prop to the right audience.
- List out your top 2-3 customer personas.
- Rewrite your headers to speak to them in their language.
- Choose the header that best addresses your key audience, or create a landing page for each persona.
8. Now add a sub-header.
Your subheader should expand on two things:
- How does our product work- Be specific.
- Which of our features make our header’s bold claim believable?
9.Here’s how you do it
- Rewrite your subheader to explain how the claim in your header is achieved.
- Add the top 2-3 features of your product.
- Keep it brief. Lengthy paragraphs kill momentum.
A landing page’s design should rarely be unique. It’s your product that should be unique.
Your page is just a familiar medium for communicating your product’s uniqueness.
Consider these goals when adding images:
- Remove uncertainty by showing the product in action. (Hellosign uses a GIF to show the product.)
- If you sell physical goods,
1) show off the various use cases/
2) show close-ups of the build quality (e.g. Allbirds)
CTAs should be continuations of the magic teased in the header copy.
It feels natural to click these CTAs because they help the visitor continue the narrative you kicked off.
- Your header identifies how users get value from your product.
- Add a hook: Bold claims or objection handling.
- Subheader explains *how* your product works.
- Design should support your message: value-add images, minimal navbars, and magic-relevant CTA buttons.
- Either a bold claim: Something highly specific that triggers the thought, “Wow, I didn’t know that was possible.”