Skip to content
Conversion

Landing page structure: the order that converts

Which sections a landing page needs and in what order: hero, problem, outcome, proof, benefits, pricing, FAQ and close, with concrete examples.

12 min readUpdated: 08 August 2026
ConversionStructureCopy
What is this01
Series 04
Light that stays all day
Six lamps from one workshop in Utrecht.
See the rangeShowroom

Most landing pages do not fail on design, they fail on order. Show the price too early and you lose. Take too long to get to the point and you lose as well. This guide describes a sequence of eight sections that holds up in practice, and what belongs in each one.

The short version
  • A landing page has an order, not a collection: promise, proof, offer, objection, action.
  • Every section has exactly one job. A section without one gets cut.
  • Trust comes before price. Someone still in doubt will not read a table.
  • One goal per page. Two equal calls to action halve each other.
01

Why order matters more than looks

A landing page is a conversation that only runs one way. You cannot ask follow up questions, so you have to answer your visitors' questions in the order they come up. First: what is this. Then: does it concern me. Then: can I believe it. Only after that: what does it cost.

Reordering that works against the reader. A pricing block right under the hero meets someone who does not yet know what they would be paying for. A testimonial at the very bottom meets someone who left long ago.

The good news: the sequence does not depend on the industry. Software, trade work or a course, the questions in the reader's head are the same.

01HeroWhat do I get, and who is it for.
02ProblemYou know my situation.
03OutcomeThis is what it looks like after.
04ProofOthers have done this already.
05BenefitsWhat it gives me day to day.
06PricingWhat it costs, without hunting.
07FAQMy last objection.
08CloseThe next step, once more.
Eight sections, eight jobs. If you cannot write a sentence for one of them, you do not need it.
02

1. Hero: promise, visual, one way forward

The hero answers in one sentence what someone gets and who it is for. Use the headline for the promise, not for the company name. One line below sets the context, that is enough.

Add a visual that actually shows the product, not a stock symbol. One button, clearly named, for example Book a call or Start the demo. Two equally strong buttons side by side split the attention in half.

If you already have proof, a short note belongs right under the button: one number, three logos or a rating. Nothing more.

Eyebrow
Headline
Lead
Action
Four parts, read top to bottom. The button is the only one that cannot be missing.
Two equally strong buttonsSide by side they split attention instead of doubling it. If you need two paths, make one a text link: one leads, the other is merely available.

Great heroes remove decisions.

Three arrangements that work. Which one fits is decided by the imagery, not by taste.

SplitText left, image right.
CenteredOne axis, short lines.
EditorialDeliberately off centre.
03

2. Problem: name the pain, do not dress it up

The second section shows that you know the problem. One sentence is often enough if it is precise. Instead of generic lines about efficiency you describe the actual situation: quotes live in three spreadsheets and nobody knows which one is current.

The second half matters: what happens if it stays that way. Lost hours, duplicated work, missed deadlines. That consequence turns an annoyance into a reason to act.

Keep it short. Staying in the problem too long reads as lecturing.

04

3. Outcome: the state afterwards

Now you describe what daily work looks like once the problem is gone. Not the features, the outcome: a quote that is ready in four minutes, and everyone sees the same version.

A before and after comparison works well here as long as it stays honest. Two columns, three rows each, no exaggeration.

This section is the step from attention to interest. Whoever nods here keeps reading.

Written as a feature
  • Role and permission management
  • Automated versioning
  • Central data storage
  • Real-time synchronisation
Written as an outcome
  • Everyone sees only what concerns them.
  • There is only ever one valid version.
  • The quote is ready in four minutes.
  • Nobody asks which file is current any more.
05

4. Proof: numbers, names, faces

From here on your claim needs backing. Testimonials with a photo, a full name and a role work best. An anonymous quote with five stars no longer convinces anyone.

Numbers help when they are specific. Instead of hundreds of happy customers, use 340 workshops since 2021 or reply time under two hours. Specific numbers read as measured, round numbers read as guessed.

Logos are the weakest signal but they cost little space. Set them as a calm row, not as a colourful wall.

Odd numbers read as measured340 businesses since 2021 is believable, hundreds of happy customers is not. Round numbers sound estimated, odd ones sound counted. If all you have is a round one, name the period alongside it.
06

5. Benefits: three to five, from the reader's side

Now you can go deeper. Pick three to five points and write them as benefits, not as features. Not roles and permissions, but everyone only sees what concerns them.

One icon per point is enough, and it has to match the content. The same checkmark three times says nothing. If a point already carries a number, it does not need an icon as well.

More than five points reads like a checklist. Whatever is left belongs in the documentation, not on the landing page.

07

6. Pricing: three options, one recommended

Three tiers are the proven layout: a cheap entry, the actual offer and a larger variant. The middle card is highlighted because most people pick the middle when they are unsure.

Each card lists four to five points, written as benefits. The price is large, the billing period small underneath. If you offer a trial, it belongs next to the button, not in a footnote.

Hide nothing. Extra costs that only appear in the cart cost you more trust than they bring in.

Costs that only appear at checkoutSetup fee, minimum term, per-seat surcharge: whatever is missing here and shows up later costs more trust than it earns. A higher number on the table beats a surprise three clicks on.
08

7. FAQ: the five to seven real objections

The FAQ is not a place for comfortable questions. Collect the objections that actually come up in a sales call and answer them directly: contract length, cancellation, data storage, effort during onboarding, refunds.

One honest answer to an uncomfortable question is worth more than three answers to harmless ones. If something is not possible, write that down. It saves both sides time.

Five to seven questions are enough. Nobody reads past that.

09

8. Close: the promise once more

The last section repeats in your own words what the reader gets and puts the same button in front of them again. Anyone who read this far should not have to scroll back up.

No new arguments, no second price list. One sentence, one button, done. If you like, a small note underneath that removes the last hurdle: no card required or cancel any time.

Finally, check the page on a phone. That is where most visitors read it, and that is where your order proves itself.

10

Sections that are almost always missing

Most landing pages have too many sections and a gap all the same. These three are missing most often.

  1. The objection. What holds people back? Price, effort, contract, doubts about quality. Addressing it openly wins more than working around it.
  2. The proof in numbers or images. One sentence from a real customer beats three paragraphs about your own attitude.
  3. The next step in plain words. Not "learn more" but book a call or see the price. People click what they understand.

Cut every section whose job you cannot name in one sentence.

11

How to check your order

The order is right when someone can read the page top to bottom without jumping back.

  1. Write down one job per section. One sentence, not a title. Sections without a job stand out by themselves.
  2. Read the headlines only. Do they add up to a story? If not, either the order is wrong or the headlines say nothing.
  3. Hand the page to someone without context. After thirty seconds ask what is on offer and what to do. That is the whole test.
Share
Written by
Amelie RoesmannCreative directionLeonie RoesmannDesign engineering

We build websites and web apps at Systra Studios in Münster and put the building blocks from that work here. What you read comes from real projects, not from a brochure.

Systra Studios: web design from Münster

The order is set.
You do not have to build the sections.

Ready-made closings, pricing tables, proof and FAQ areas for every step of the sequence. Copy, swap the copy, keep building.

  • Every step of the sequence has its own area.
  • One file per component, three dependencies.
  • Motion, reduced motion and dark mode are built in.
Browse CTA sections
FAQ

Frequently asked questions

As long as it takes to answer the questions. For a cheap subscription five sections are often enough, for a purchase in the thousands ten is normal. Length is never the problem, unanswered questions are.

Didn't find your question? We're happy to help.

Get in touch