Guide

The 5-section landing page that converts

Stop hoping visitors convert. Design it precisely.

By Surfil Updated October 7, 2026

8 min readBack to guides

Key takeaways

If you read nothing else

Five sections, in order: headline, problem, solution, proof, action.
A headline has seconds to land.
One action per page.
Write outcomes, not features.

A landing page is a sales pitch. It has one job: get visitors to take an action (sign up, buy, book a call). This guide covers the structure, copy, and design that work.

5: Sections, in this order
A few: Seconds to land the headline
1: Action per page
0: Extra fields before the money

Section 1: the headline

The headline section has a few seconds before visitors leave. It must answer: What is this? Who is it for? Why should I care?

Structure: one bold headline (under 12 words), a supporting subheadline (one sentence), and a clear CTA.

Headline examples: "Stripe for SaaS billing" (clear and specific). "Build an MVP in 4 weeks" (benefit + outcome).

CTA copy: "Start your free trial" or "Get started." Not "Learn more" (weak).

Section 2: the problem · show them their pain

You have their attention. Now show them you understand their problem. This section is empathy.

Structure: a short headline that acknowledges the problem, two or three bullets describing the pain, and maybe a relevant statistic.

Example for a time-tracking app: "Tracking time across multiple projects is a nightmare." Then: "Logging hours manually (and forgetting to log)" · "Losing visibility into where time goes" · "Arguing over billable hours with clients."

Don't invent problems. Use the language from your customer interviews.

Section 3: the solution · show how you help

Here you flip the scene. Instead of pain, show relief.

Structure: a headline ("How it works" or "The outcome"), a visual explanation (a diagram or a mockup), and three or four concise benefits.

Benefits should be outcomes, not features. Not "a beautiful dashboard" (feature). But: "See where every hour goes" (outcome).

A mockup or diagram usually explains faster than bullets.

You showed the solution. Now prove it works. Use: customer logos (three to five recognizable names), testimonials (one or two real quotes), and numbers you can back up (the real count of teams that track their time with X).

Don't fake this. If you have customers, use them. The best testimonials: customer name + company + a specific result. "We stopped chasing people for timesheets.": Sarah, CFO at Company X. Specific > vague.

Section 5: the call to action and removing friction

You told your story and built trust. This section removes the last objections and pushes them to convert.

Structure: repeat your primary CTA prominently. Add a secondary CTA. Address one objection with a short Q&A or a guarantee.

Examples: "No credit card required" (removes payment friction). "Cancel anytime" (removes lock-in fear). "7-day free trial" (reduces risk). "30-day money-back guarantee."

Copywriting principles that work

Principle one: specificity. "Increase productivity" is vague. "Log your whole week in one tap" is specific and credible.

Principle two: active voice. "Your team will save time" beats "Time will be saved."

Principle three: short sentences. Keep most sentences to fifteen words or fewer.

Principle four: conversational tone. Not corporate jargon.

Principle five: show, don't tell. "Stop manually entering timesheets every Friday night" beats "reduce the burden of time tracking."

Test and iterate

You built the landing page. Now test it. A/B test headlines, CTA copy, and button colors. Small changes, even a few words in the headline, can move conversions, so change one thing at a time.

Track the conversion rate (visitors who click the CTA / total visitors). Measure your own baseline first, then compare each change against it. Rates differ widely by traffic source, price and audience, so do not chase somebody else's number.

Before you move on

The checklist

Tick these off on your own site. Each one comes from the guide.

Headline under 12 words
Pain named in two or three bullets
Benefits written as outcomes
Real proof, never invented
One primary call to action

In Growth Score

Which pillar it moves

Fixing what this guide describes shows up in this part of your score.

Offer & PositioningHow clear and compelling your offer reads.

Run it on your site

Checks for this guide

Each check reads one thing on your live site and says what to fix.

Readability checkerMeasures what your copy asks of a reader: the sentences that run past where they can follow, the passive voice, and the words borrowed from a brochure.Link text and anchor checkerReads every link the way it is heard out of context: the click heres, the empty ones wrapped round an icon, and the same words pointing at two different pages.

Glossary

Terms in this guide

Call to actionThe button or link that tells a visitor exactly what to do next.Value propositionA clear statement of what you offer, for whom, and why it is better than the alternatives.Social proofEvidence that other people chose and liked your product, such as reviews and testimonials.Above the foldThe part of a page visible without scrolling when it first loads.

FAQ

Questions after reading

What conversion rate should I expect?

It varies widely with traffic source, price and audience. Measure your own baseline first, then compare each change against it.

Can I use placeholder proof?

No. Use real customers and real results, or keep the section short. The guide is explicit: do not fake it.

A landing page has one job. Every element that does not serve it is costing you the ones that do.

Test your whole site

More guides

Have a question?

We're here to help. Get in touch and let's talk.