How to Lay Out a Landing Page That Converts

The short version: a landing page converts when the layout follows one argument in the right order (problem, promise, proof, offer, action), not when it looks pretty. Put your proof above the fold, cut the page down to one goal and one button, and test the order of your blocks before you waste another afternoon picking a colour for that button.

The order matters more than the design

I've sat in enough client meetings to know where the time goes. Three weeks arguing about a hero image. A whole afternoon on whether the button should be orange or green. Then the page goes live, converts at 1.1%, and everyone's confused.

Layout order beats visual polish almost every time I've tested it. A landing page is one argument, made once, in the right sequence. Headline states the promise. Subheadline narrows who it's for. Proof backs the claim. Offer spells out what they get. One call to action, repeated, not varied. Skip a step or put it in the wrong place and the page fights against itself no matter how nice the fonts are.

A landing page I rebuilt, and what changed

Last year I built a registration page for a small webinar I was running on AI tools for solo consultants. First version had a hero video, four different buttons scattered down the page ("Register", "Save My Seat", "Join Now", "Sign Up Free"), and the testimonial quotes sitting right at the bottom, under a wall of 1,400 words most people never reached.

Conversion rate on paid traffic: 1.1%. Cost per lead was about 22 pounds, which for a free webinar is embarrassing.

I stripped the page to 650 words. Moved one specific testimonial (with a name, a job title, and a number in it) up to sit directly under the subheadline, before the fold ended. Cut the buttons down to one, worded the same way every single time. Conversion went to 4.3% on the same ad spend, same audience, same offer. Cost per lead dropped to roughly 6 pounds. Nothing about the offer changed. Only the order and the clutter did.

The seven blocks, in the order they need to sit

This is the layout I use as a default now, and I only break it when I've got a specific reason to:

• Headline - the promise in one line, under 10 words if you can manage it. Say what they get, not what you do.
• Subheadline - one line that names who this is for. Not "our solution", the actual person: "for consultants billing under 100k who want their pipeline back."
• Proof - one real number, one real name, or a small logo strip. Not a stock icon of a five-star rating. This block sits inside the first 600 pixels a visitor sees, not scrolled two screens down.
• The offer - what they get, spelled out in bullets, not paragraphs. Four to six lines, no more.
• Objection handling - the thing they're quietly worried about, answered in their own words. Price, time, whether it'll work for their situation.
• The single call to action - same wording, repeated at the top, middle, and end of the page. Not three different phrasings.
• A short FAQ near the bottom - for the sceptics who scroll all the way down before they'll commit. This is where hesitant buyers convert, and most pages skip it entirely.

The bit that scares most business owners

Here's the part people don't like hearing. Shorter isn't automatically better, and the "keep it under one screen" advice mostly serves an owner who's bored of looking at their own page, not the reader who's trying to decide whether to hand over money. If you're selling a 15,000 pound retainer, a one-screen page with a headline and a button is going to convert badly, because you haven't answered a single one of the eleven objections sitting in that buyer's head. Long copy, done with proof and specifics instead of padding, outconverts short copy on higher priced offers almost every time I've run the comparison.

The second uncomfortable one: narrowing your page down to one exact type of customer feels like turning away business, so most owners write for "everyone" instead. A page written for everyone converts for no one. On that webinar page, I went from "for business owners" to "for consultants billing under 100k who want their pipeline back" and conversion nearly doubled. It felt narrower. It converted wider, because the right people finally saw themselves in it.

Match the layout to where the click came from

A page built for organic search traffic and a page built for a paid search ad should not look the same, because the person clicking has a different level of patience and a different starting point. Someone who clicked a Google ad already typed the exact phrase and has maybe three seconds of goodwill before they bounce, so the headline needs to mirror the ad copy word for word, not introduce a new angle. I've written more on the specific layout differences that matter for paid traffic in this guide on landing pages for Google Ads campaigns, and it's worth reading before you brief a designer, because the fixes there are cheap and the mistakes are expensive once you're paying per click.

Test the layout, not just the button colour

Colour testing gets all the attention because it's easy and it feels like progress. It rarely moves the needle much. What moves it is testing order: proof above the fold versus below it, one CTA versus three, short copy versus long. Run each version to at least 1,000 visitors before you trust the result, fewer than that and you're reading noise, not a signal. I've laid out a fuller process for judging which version is winning, and which changes are worth keeping, in this piece on judging landing page design. If you want the fuller build process from scratch, both this walkthrough and this one go into more detail on the individual sections than I've got room for here.

Images and proof, without the stock photo problem

One thing that quietly kills trust on a landing page is an image that's clearly stock. A smiling model shaking hands does nothing for your proof block, and readers spot it instantly now that they've seen the same photo on twenty other sites. If you're short on budget for original photography, there are legitimate places to source usable content without a copyright letter turning up in your inbox six months later, and I've listed the ones I use in this guide to sourcing content legally.

Quick checklist before you publish

• Headline states the promise, not the product name, in under 10 words
• One real proof point sits within the first 600 pixels
• Only one call to action, worded identically every time it appears
• Word count matches the price point (short for cheap, longer for expensive)
• Subheadline names the exact type of buyer, not "everyone"
• FAQ block near the bottom answers the top three objections
• No navigation menu at the top pulling people away from the page
• Mobile version tested separately, not assumed to look the same

Frequently asked questions

How long should a landing page be?

Long enough to answer every objection your buyer has and no longer. A free webinar sign-up needs 400 to 700 words. A page selling a service worth several thousand pounds usually needs 1,500 words or more because it has to do the selling that a salesperson would otherwise do face to face.

What should sit above the fold on a landing page?

The headline, the subheadline naming who it's for, and one piece of real proof, whether that's a specific result, a client name, or a review with a name attached. The call to action button should also be visible without scrolling.

How many calls to action should a landing page have?

One, repeated in the same wording at the top, the middle, and the bottom of the page. Multiple different buttons with different wording split attention and lower conversion, even though it feels like you're giving people more options.

Does a landing page need a video?

No. A video can help if it's short, specific, and shows a real result, but a page with strong proof and clear copy will outconvert a page that relies on a video to do the persuading, especially on mobile where autoplay and load time work against you.