The 11 parts of a landing page that converts (without looking like everyone else's)
A practical anatomy of a high-converting landing page, with one anti-template tip per section. The eleventh part is the one every competitor forgets.
─ on this page
Most "anatomy of a landing page" articles cover ten sections and stop. The tenth one is usually final CTA. Then the post ends and you close the tab with the vague sense that you could've written it yourself.
This one has eleven sections because the eleventh is the one nobody talks about — the one that makes the difference between a page that converts and a page that converts and feels like it was made for a human. I'll get there.
1. Headline
The one sentence above the fold. It answers what is this and who is it for in the amount of time someone takes to decide whether to scroll.
Anti-template tip: your headline shouldn't sound like a headline. "Landing pages that convert" is a headline. "Finally, a landing page that doesn't look like everyone else's" is a sentence. Sentences win.
2. Subheadline
One or two lines underneath that do what the headline couldn't — specificity, proof of concept, or a promise you can deliver on.
Anti-template tip: use it to remove an objection, not to re-state the headline. If the headline promises the outcome, the subheadline names the mechanism.
3. Primary CTA
One button, above the fold, with a verb and a noun. Start a project. See the work. Book the call. Not Submit or Learn more.
Anti-template tip: the primary CTA on a bespoke landing page doesn't have to be a signup. For service businesses, "see pricing" or "start a project" converts better than forcing an email capture at the top.
4. Proof bar
A thin strip of logos, press mentions, ratings, or numbers. The eye hits this right after the headline and decides whether to keep reading.
Anti-template tip: if you don't have client logos yet, proof can be a number ("built 14 sites for UK service businesses"), a testimonial snippet, or a specific craft detail ("every site hand-coded, no page builders"). It just has to be true and specific.
5. The problem
One section that describes, in the visitor's own language, the exact thing that made them open a tab and start searching. This is where voice-of-customer research pays back.
Anti-template tip: use their sentences. If they say my site looks fine but I'm embarrassed to send it, write your site looks fine but you're embarrassed to send it. Not "improve your web presence".
6. The promise
Exactly what the reader walks away with after working with you. Outcomes, not features. A site that gets enquiries every week, not a responsive, SEO-optimised website.
Anti-template tip: this section should be the shortest on the page. If you have to explain the outcome, the outcome isn't the outcome.
7. The mechanism
How you produce the outcome. This is where features live, but framed as the steps in a process someone would trust.
Anti-template tip: number the steps, or name them. Numbered or named processes convert better than bullet lists of features, because they feel like a method rather than a menu.
8. Objection killer
The thing the visitor is about to close the tab over. For a bespoke web designer, it's usually "but it'll cost too much" or "but I don't have time" or "but I don't know what I want yet". Name each one and answer it before they ask.
Anti-template tip: an FAQ works, but a better version is a "you might be thinking..." section written in first person. It sounds less like a policy document and more like a conversation.
9. Specifics
Prices, timelines, what's included, what isn't. The single section with the highest ratio of words-to-conviction on the whole page.
Anti-template tip: if you can't share prices, share ranges. "£2,000–£5,000" converts better than no price because it self-qualifies visitors before either of you wastes time.
10. Final CTA
A full-width section at the bottom that asks one more time. By now the reader has either decided or they haven't, so this isn't persuasion — it's a door that's easy to walk through.
Anti-template tip: two CTAs side by side. One primary (start a project), one low-friction (email me directly). The low-friction option catches the people who aren't ready for a form yet.
11. Texture
Here's the one nobody lists.
Texture is every decision on the page that isn't strictly required for conversion but makes the page feel like something somebody made. The serif in the pull quote. The tiny hand-drawn arrow next to the CTA. The fact that the background is warm bone rather than stock white. The easing curve on the hover state. The margin that's 62 pixels instead of 64 because 62 felt right.
None of these things will show up in a landing-page best-practices PDF. All of them together are the reason visitors stay thirty seconds longer than they would on a Framer template, and those thirty seconds are where conversions actually happen.
You can't template texture. Templates are the absence of it. That's the whole point of a bespoke build.
Planning a landing page that needs to do some lifting? Start a project → · or send me what you've got: jonathanlai928@gmail.com