# Anatomy of a landing page that converts

> Published 2026-05-27 · Canonical: https://goodglyph.com/en/blog/anatomia-unui-landing-page-care-converteste

A landing page is a page with a single job. Here are the 9 essential sections that separate one that converts from one that loses visitors.

We talk a lot in the studio about what a website that converts looks like, but the landing page is a bit of a different story. It’s a page built for a single job: to turn a click into a booking, a lead, a sale, or a sign-up. A single path, followed all the way through, with no branches to distract the visitor.

In this article we’ll take the anatomy of a well-built landing page one piece at a time: how it differs from a page inside a presentation site, the nine essential sections that separate a page that converts from one that loses visitors, why the form is often the most sensitive piece, and how to validate the result before a big launch.

## A landing page is a page with a single job

The biggest difference between a landing page and [a presentation site](https://goodglyph.com/en/blog/what-goes-into-a-five-figure-website) is that the first has a single objective, while the second has to serve several needs in parallel: present the company, list the services, give the visitor somewhere to wander around and inform themselves. A landing page works differently. It receives a click (usually from an ad, an email, or a social media post) and has a few seconds to convince the person of one thing: to click the button.

This means two practical things. First, the structure is stricter: every element has a clear role and nothing gets placed there “just because.” Second, its traffic is warmer. The visitor arrived with a specific intent, triggered by the ad or email message that brought them. The landing page’s job is to confirm that intent and carry it across the finish line.

The model we use throughout the studio for full presentation pages is the same one we use for landing pages, just adapted. We wrote about it applied to a dental clinic site in the dental clinic website piece and to presentation sites in general in the piece on [what makes a website bring clients](https://goodglyph.com/en/blog/what-makes-a-website-actually-bring-you-clients). Here we look at it in compact form, on a page with a single conversion.

## The 9 essential sections

The model comes from _Marketing Made Simple_ by Donald Miller (the operational follow-up to _Building a StoryBrand_). Adapted for a landing page, the skeleton has nine sections, in the order they appear on the page:

1. **Header (the area above the fold).** A short line that says what you offer and for whom, plus one clear action button. It has to pass what Miller calls the “Grunt Test”: someone glancing for three seconds has to be able to say what you sell, for whom, and how they buy. If the header misses, the rest of the page matters less.
2. **The stakes.** Subtle, no manufactured fear. What the person gains by filling out the form, or what they miss by not doing it. Two or three lines, no melodrama.
3. **The value proposition.** Two or three concrete benefits, framed as visible results for the person. Mind the difference between benefits and features. “You get the plan within 48 hours” works as a benefit; “we work with high standards” is a feature emptied of meaning.
4. **The guide (who you are to the visitor).** Here you introduce yourself, briefly, in the role of guide: the one helping the visitor solve their problem, without stealing them from the center of attention. Two or three trust elements: a sentence about who you are, plus quick proof (client logos, a number, or a short testimonial).
5. **The plan (three steps).** How everything unfolds from the moment the visitor fills out the form to the result. Three steps is the magic number; more than that scares people. For example: 1) Fill out the form, 2) We call you within 24 hours, 3) You receive the first deliverable within a week.
6. **The explanatory paragraph.** The long text, for the people who actually read and for SEO. This is where you answer the main questions in depth and where the keywords you want to rank for live. Two or three paragraphs are enough for a landing page.
7. **Video (optional, but very useful).** One minute maximum, with someone from the team speaking directly. Builds trust in seconds, better than any text can.
8. **Prices or packages (optional).** If the offer has multiple tiers, put them here, with the middle one highlighted (it’s the one most people pick). If the offer is simple, skip this section and don’t force a pricing structure where none exists.
9. **Footer (the “junk drawer”).** All the information the visitor isn’t looking for right now but wants when they need it: phone, email, legal mentions, GDPR, link to the privacy policy.

> **Important: **order matters. The header makes the promise, the stakes raise the urgency, the value proposition delivers the concrete, the guide builds trust, the plan reduces fear, the explanatory paragraph deepens, the proof reinforces. Reordering breaks the curve and loses the person along the way.

## The form: the most sensitive piece

On a landing page, the form is exactly where conversion is won or lost. Luke Wroblewski’s research on online forms, in _Web Form Design_, empirically confirmed what every operator already felt: the form is where most of the visitors who made it that far drop off.

### Five rules that work almost every time:

- **Ask for the absolute minimum.** On a landing page, that means name, phone or email, and maybe a short field for the reason or context. The rest (how you heard about us, whether you’re a new client, and so on) gets asked after the booking is made, on the confirmation page. Moving optional questions past the booking step raises both the number of appointments and the answer rate on those optional questions.
- **Field labels go above the fields.** On mobile, this speeds up completion by over 30%, according to Wroblewski’s research. A small detail that matters disproportionately.
- **Field length matches the information being asked for.** The phone field is narrower than the name; the email is wider. Field length is a quiet signal about how much information the person should type in there, helping them orient themselves without reading instructions.
- **One primary button.** “Book me in,” “Send me the offer,” “I want to start.” Clear, obvious, in the brand’s accent color. No “Reset” next to it that just wipes what the person typed.
- **Gradual engagement, where possible.** Meaning: let the person pick the service, package, or available slot first, and only then ask for contact details. It lowers the fear of starting and raises the completion rate.

As with any form collecting personal data, two compliance rules are non-negotiable: the GDPR consent checkbox arrives unchecked, and the cookie banner has real options by category (rather than a single “Accept all” button).

## How to test a landing page before launching it

Before you throw budget at ads that lead to a new landing, a few hours of validation are worth it. We run a short ritual on every launch:

- **The five-second test.** Show the page for five seconds to someone who has never seen it before, then close it. Ask: what does this company do, for whom, and what should you do next? If the answers come back clear and complete, the header works. If they come back confused or missing, there’s more work to do.
- **Mobile walk-through.** Open the page on your phone, in incognito mode, as a stranger. Walk through it with a stopwatch. Anywhere you stop for more than five seconds without understanding what you should do, there’s a friction source to fix.
- **Speed check on 4G.** A page that takes more than three seconds to load on a 4G connection loses more than half of its visitors, according to published Google data. Check the speed on Google PageSpeed Insights before turning the ads on.
- **Simple A/B test after launch.** Once you have stable traffic (at least 200-500 conversions for solid data), test two header variants or two primary-button variants, two weeks with the same traffic. The winner moves to the main page; the loser gets archived, or becomes the starting point for the next variant.

A well-built landing page is, first and foremost, an exercise in clarity and discipline. The discipline of cutting everything that doesn’t serve the page’s single objective. Design in the classical sense comes after.

At GOODGLYPH we build landing pages on exactly these principles, calibrated to your offer and audience, with the StoryBrand structure as the skeleton and a form designed not to lose the conversion right before the finish line. If you’re getting ready to launch a campaign and want a page built for it, let’s talk.

## FAQ

### What's the difference between a landing page and a page inside a presentation site?

A landing page has a single objective (usually one specific conversion) and is isolated from the rest of the site. A page inside a presentation site is part of a network, has the top navigation, and serves several needs (information, navigation, secondary conversion). A landing page cuts everything that doesn't serve that single objective.

### How many sections should a good landing page have?

Nine, per the StoryBrand model from *Marketing Made Simple*: header, stakes, value proposition, guide, three-step plan, explanatory paragraph, optional video, optional prices, footer. Two of them (video and prices) are optional; the other seven are mandatory.

### Can I use the same landing page for all my campaigns?

Each campaign deserves its own variant. Every campaign has its own message, its own audience, its own offer, and a generic landing page dilutes all three. More efficient: keep the structure, but vary the header and value proposition per campaign.

### How much does a landing page cost?

It depends on complexity, from a simple page with a form and a few sections, up to a page with video, an interactive calculator, or a multi-step flow. For current pricing, see the service.

### How important is A/B testing for a landing page?

Important once you have stable traffic. At the start, launch with the best-motivated variant from StoryBrand and wait for at least 200-500 conversions before drawing conclusions. Premature A/B testing on low traffic gives false signals.

### What should I check before turning ads on for a new landing page?

Four things: the five-second test (can a stranger say what you offer in three seconds?), mobile walk-through with a stopwatch (where do you stop for more than five seconds?), 4G load speed (under three seconds?), and confirming that the ad message exactly matches the page header.

## Related

- Related service: [Landing pages built for a single, clear conversion](https://goodglyph.com/en/services/landing-pages)
- [What makes a website actually bring you clients](https://goodglyph.com/en/blog/what-makes-a-website-actually-bring-you-clients)
- [How to Choose the Right Domain Extension for Your Brand](https://goodglyph.com/en/blog/domain-extensions-explained)
- [Custom website or platform: what you actually own, and what it costs over time](https://goodglyph.com/en/blog/custom-website-vs-template)