Skip to main content
0 likes, 0 dislikes

A landing page that converts follows a predictable top-to-bottom order: a hero block with a headline, a supporting line and one call to action, a short proof strip, the offer explained as benefits, a section that answers objections, deeper proof for the still-unconvinced, and a final call to action. Each block answers the question a visitor is silently asking at that exact point on the page.

The sequence works because people decide in stages. First they check they are in the right place, then whether they can trust you, then what they get, then what could go wrong, and only then do they act. Structure is putting the right answer where each of those questions arises. The one big variable is traffic temperature: cold visitors need more proof and explanation before the ask, warm visitors need less, and hot visitors mostly need a short page and an obvious button.

The Blueprint at a Glance

Here is the full running order, top to bottom. Every block gets its own section below.

  1. Hero: headline, subheadline, primary call to action and one supporting visual, all above the fold.
  2. Proof strip: client logos, a review score or one strong testimonial, directly under the hero.
  3. Offer block: what the visitor gets, framed as benefits, arranged for scanning.
  4. Objection block: the doubts that stop people, answered before the second ask.
  5. Deep proof: a case study summary or detailed testimonials for readers who need more convincing.
  6. Final call to action: the closing ask, with the core promise restated.

This post covers the order of the blocks and what belongs in each. For the umbrella principles that sit behind all of them, start with our guide to landing page design best practices.

Above the Fold: What the Hero Block Must Contain

The hero is the only part of the page every visitor sees, so it carries the heaviest load. Above the fold you need four things and no more: a headline, a subheadline, a primary call to action, and one supporting visual that shows the offer in context.

The headline is the most important element on the page. It must communicate your core offer in a way that immediately matches what the visitor clicked to get there. A strong headline answers the visitor's unspoken question: what is in this for me? Your subheadline should reinforce and expand on the main headline without introducing new ideas that distract from the core message.

Position your primary call to action above the fold where it is visible without scrolling. Some visitors arrive ready to act, and they should never have to hunt through the page for the next step. Everyone else scrolls past it, registers what the page wants them to do, and meets the same button again later.

How to phrase the headline and the button label is a copy question, and our landing page copywriting tips cover it properly. For the deeper reasoning on why each hero element earns its place, what makes a high-converting landing page takes every component apart one by one.

The Proof Strip and the Deep Proof Block

Proof appears twice in the blueprint, and the two placements do different jobs. The strip under the hero is fast reassurance: a row of client logos, a star rating, or a single strong quote. It answers "can I trust these people?" before doubt has time to grow. The deep proof block sits much lower, after the offer and objections, and serves the sceptical reader who has scrolled that far because they are genuinely considering it.

In both positions, testimonials work best when they describe specific outcomes rather than general satisfaction. A quote along the lines of "our enquiries doubled within two months" carries more weight than vague praise. Where possible, include the person's name, role and company to add authenticity to the endorsement.

Case studies belong in the deep proof block. They walk through a specific client challenge, the solution, and the measurable result. Even brief summaries perform well when they include concrete numbers a prospect can benchmark against their own situation.

Trust badges, certifications and media mentions also contribute, though their impact diminishes if overused. Integrate them naturally rather than building a cluttered badge wall that signals desperation rather than confidence.

The Offer Block: Benefits Arranged for Scanners

Visitors scan pages before committing to reading. Your offer block must accommodate this behaviour by leading with the most important information and organising the detail in digestible chunks. Large blocks of unbroken text discourage engagement, while well-spaced sections with clear headings invite exploration.

Frame the content around benefits rather than features. Features describe what your product or service does; benefits describe how it improves the customer's life or business. A software tool might have automatic reporting, but the benefit is that the client saves three hours every week to spend on revenue-generating work.

Every image or video in this block should either clarify the offer or build connection, never decorate. Show the product or service being used in an environment your customer recognises, so they can picture themselves using it. A short explainer video below the headline can communicate a complicated offer faster than the equivalent text.

How these blocks should actually look on the screen, the hierarchy, whitespace, scan patterns and mobile stacking, is a layout question rather than a structure one, and our guide to landing page layout best practices owns that ground.

The Objection Block: Answer the Wobble Before the Second Ask

By this point in the page a visitor understands the offer and has seen some proof. What stops them now is not ignorance but doubt: is it too expensive, will it work for my situation, how long does it take, what happens if I am not happy? The objection block answers those questions on the page, before the visitor leaves to look for answers elsewhere and never comes back.

List the three to five objections you hear most often in sales conversations and answer each honestly in a sentence or two. A short FAQ accordion works well here, as does a plain guarantee statement or a "how it works" trio of steps that makes the process feel small. Placing this block directly before a call to action matters: the visitor moves from reassured to acting in one scroll, with no gap for hesitation.

CTA Repetition: One Goal, Several Doors

Secondary calls to action should appear at natural decision points down the page: after a strong benefit statement, after social proof, after the objection block, and at the very bottom. These repeated prompts capture visitors at the moment the material convinces them, wherever that moment happens. Each one points at the same single goal; repetition means more doors into the same room, never more rooms.

Every call to action should use action-oriented language that says exactly what happens on click. Button design, colour contrast and microcopy have their own depth, and our landing page CTA best practices guide covers all of it.

How Traffic Temperature Changes the Order

The blueprint above is the default for warm traffic: people who searched for the service and already know they want something like it. Two other audiences justify rearranging it.

Cold traffic, from display ads or social posts, did not ask to see your page and does not know you. These visitors need a longer page with the education and proof moved up: an expanded offer block, the deep proof pulled higher, and often the first hard call to action pushed below a stretch of explanation. Asking a cold visitor to buy in the hero is like proposing on a first date.

Hot traffic, from a branded search, an email to your own list, or a retargeting ad, has already decided in principle. Compress the page: hero, one strip of proof, a short reminder of the offer, and the call to action. Every extra block between a hot visitor and the button is a chance to lose them. Whatever the temperature, keep the message matched: the headline must repeat the promise of the ad or email that brought the visitor, or trust evaporates in the first second.

What to Cut: Blocks That Do Not Belong

Navigation links pull visitors away from the conversion path by offering alternative destinations. A landing page should minimise or remove navigation entirely; every clickable element either supports the goal or goes.

Multiple offers on one page fragment attention. Focus on a single conversion goal, and if you sell several products or services, build a dedicated page for each. These are the two most common structural failures, and our teardown of landing page design mistakes walks through the rest.

Testing Whether the Structure Works

Scroll depth and exit data tell you whether the order is right. If most visitors leave before reaching the first call to action, the hero is not earning the scroll or the button sits too low. If exits spike at one specific block, that block is confusing people or raising a doubt the page never answers, which usually means the objection block is missing or misplaced.

Once the structure holds, test the contents of the blocks one variable at a time, headlines and button text first. Our landing page A/B testing guide explains how to run those tests honestly on the traffic levels a typical UK small business actually has.

And if you would rather hand the whole blueprint to a team that builds these pages every week, our landing page design service delivers a conversion-focused page for £595, structured exactly as described above.

Frequently Asked Questions

Hero, proof strip, offer, objections, deep proof, final call to action. That default suits warm traffic; move proof and education higher for cold traffic, and compress the whole page for hot traffic.

The primary one, yes. Visitors who arrive ready to act should not have to search for the button, and everyone else learns at a glance what the page will eventually ask of them. Then repeat it at natural decision points down the page.

As long as the visitor's doubt requires. Cold traffic needs a longer page with more proof and explanation before the ask. Hot traffic converts better on a short page, because every extra section is another exit opportunity rather than added persuasion.

Comments (0)

No comments yet. Be the first to comment!

Leave your thought

Your comment will be moderated before being published.