Skip to templates
Oversight

Website Design · · 3 min read

Landing Page Structure: The Sections Every Landing Page Needs (in Order)

Most landing pages fail on structure, not design. Here are the sections every landing page needs, the order that works, and what each one has to do.

By Florent, Oversight

A landing page is a single page with one goal: get the visitor to take one action, whether that's signing up, buying, booking a call or joining a waitlist. Good design helps, but most landing pages that don't work have a structure problem. The right information arrives in the wrong order, or the visitor's questions never get answered.

Here's the structure that works for most landing pages, section by section, and what each section has to do.

The structure at a glance

  1. Hero
  2. Problem
  3. Solution
  4. Features or how it works
  5. Proof
  6. Pricing or offer
  7. FAQ
  8. Final call to action
  9. Footer

Not every page needs every section. A waitlist page might only need 1, 3 and 8. But the order holds: each section answers the question the previous one raises.

1. Hero

Job: say what it is and who it's for, in a few seconds.

  • A headline under about eight words, in your customer's language
  • One supporting sentence
  • One primary button (and at most one secondary)
  • A visual of the actual product or result

This is the most important section on the page. If you want inspiration, see 10 hero section examples.

2. Problem

Job: show the visitor you understand their situation.

Describe the pain in their words. One short paragraph or three short points. When people recognise themselves here, they keep reading.

3. Solution

Job: connect your product to that problem.

One clear statement of how your product solves it, ideally with an image or a short demo. This is the "aha" moment, not a feature list yet.

4. Features or how it works

Job: answer "how exactly?"

Three to six features, each with a benefit-led title. Or, for anything with a process, a simple 1-2-3 "how it works". Show the product for each one if you can.

5. Proof

Job: answer "can I trust this?"

Testimonials, customer logos, case-study results, ratings, press, or your own credentials. Only use proof that's real. Invented testimonials or inflated numbers do more damage than an empty space, and in many places they're also against consumer protection rules. If you're just starting, a founder note or a clear guarantee can stand in.

6. Pricing or offer

Job: answer "what does it cost, and what do I get?"

Keep plans easy to compare, highlight the one most people should pick, and repeat the call to action on every plan. If there's no price (for a demo or a waitlist), describe exactly what happens after they click.

7. FAQ

Job: remove the last objections.

Answer the questions that stop people buying: cancellation, refunds, setup time, who it's not for. Five to eight questions is plenty. FAQs also tend to match the exact questions people type into search.

8. Final call to action

Job: give the decided visitor an easy last step.

Repeat the main promise and the main button. By the time people reach the end, they've either decided or they're close.

Job: catch everyone else.

Contact, legal pages, social links and secondary navigation. Keep it tidy.

Common landing page mistakes

  • Several goals. One page, one main action.
  • Navigation that leads away. On a focused landing page, keep the menu minimal.
  • Features before the problem. People don't care how it works until they know it's for them.
  • No product visuals. Show the thing.
  • A slow page. Compress images and avoid heavy video in the hero on mobile.

Building it faster

You don't need to design each section from scratch. On Oversight Supply's sections page, you can pick a designed section, preview it live, and copy it as a single prompt for Claude, Cursor or v0, then adapt it to your content. And if you're a coach or consultant building a site rather than a single landing page, I wrote about the best website structure for consultants and coaches.