Anatomy of a landing page

What makes a landing page work?

A landing page is more than a nice-looking page - it's a sales tool with a clear, deliberate structure. Every element has one purpose: to get the visitor to do what you want - call you, fill in a form, or book an appointment.

The problem is that most people build landing pages by scattering information randomly across the screen. Visitors scan the page, don't understand what they're supposed to do, and leave. Conversion rate: near zero.

This guide walks through the anatomy of a landing page - element by element, in the order visitors read them. By the end you'll have a concrete blueprint for your business.

Important: You don't need every element on day one. Start with a headline, one image, three benefits, and a phone number - that's the minimum viable page. Add the rest as you go.

Above the fold - the first impression that decides everything

"Above the fold" is the portion of the page visible without scrolling. It's what visitors see in the first 3–5 seconds - and in that time they decide whether to stay or leave.

Research shows 80% of visitors decide about a page within the first 5 seconds. If they can't understand what you offer and why it matters to them in that window - they're gone.

What must be above the fold:

• Headline - clearly states what you offer
• Subheadline - adds one concrete benefit or specification
• CTA button - visible, unambiguous, impossible to miss
• Hero image or video - builds trust instantly

Everything else can sit below. But these four must be visible immediately - without scrolling - on both mobile and desktop.

Headline & subheadline - the message that keeps attention

The headline is the most important text on the entire page. It's the first thing visitors read. If the headline doesn't grab them - nothing else on the page will be read.

What makes a good headline?

A good headline answers one question: "What do I get?" Not what you do, not how long you've been in business - but what the visitor gets out of it.

Subheadline - your second chance to convince

The subheadline supports the headline. If the headline says WHAT visitors get, the subheadline explains HOW or adds a key detail.

Example: Headline is "Book a dental check-up - same-day appointments available". Subheadline: "Private practice in Central London. Free first consultation for new patients."

Keep it short - one or two sentences is enough. The goal is to add one concrete detail that builds confidence.

Hero image or video - the visual that builds trust

People trust their eyes. A genuine photo of your premises, product, or team is one of the most powerful elements on a landing page. Without an image, the page feels generic and untrustworthy.

What works?

• For a restaurant: a photo of the food, the interior, or the chef at work
• For a dentist: the modern surgery, a friendly team photo
• For a hair salon: portfolio shots, the interior
• For a service business: a screenshot of results, before/after work

Tip: Skip the generic stock photo of a smiling person in a headset. Use your own photos - even taken on a phone with good natural light. Authenticity converts better than polished stock imagery.

Video instead of an image?

A short video (30–60 seconds) can be even more effective. Introduce yourself, show the space, explain what you do. Video builds trust because visitors see a real person. But never autoplay video with sound - it's the fastest way to lose visitors.

Call to action (CTA) - the button that closes the deal

The CTA is the single most important element on the entire landing page. Everything else - headline, image, copy - exists only to bring the visitor to this button.

Rules for a strong CTA

Strong CTA examples for UK small businesses:

• "Book a free consultation" (dentist, solicitor, personal trainer)
• "Call us: 020 1234 5678" (any local service)
• "Order now - delivery in 30 minutes" (food)
• "Book your appointment" (salon, clinic)
• "Get a free quote" (tradespeople, builders)

Benefits vs features - why choose you?

The benefits section explains to visitors why they should choose you over the competition. The most common mistake: people write what they DO, instead of what the customer GETS.

The difference between a feature and a benefit

Rule: Write 3–5 benefits, no more. Each benefit should be short (1–2 sentences) and concrete. Use icons or visual elements to break them up - people scan, they don't read.

Social proof - let others do the talking

People trust other people more than your own marketing copy. Social proof is everything that shows others use you and are happy with the result.

Types of social proof

• Customer reviews - quotes from real customers with a name (and a photo if possible). "Sarah T., Bristol" is more convincing than an anonymous quote.
• Google ratings - "4.8/5 from 120 Google reviews" is a strong trust signal. UK consumers actively check Google before choosing a dentist, restaurant, or tradesperson.
• Number of customers - "Trusted by 500+ clients" or "2,000+ orders delivered".
• Partner logos - if you work with recognisable organisations or brands, show their logos.
• Before/after photos - for dentists, hair stylists, interior designers, builders - nothing persuades like visual proof.

What works especially well in the UK: Google reviews (British consumers read them obsessively), Trustpilot ratings if you have them, and before/after photos. If you don't have many reviews yet - ask your first five happy customers. Most people are glad to help if you ask nicely.

Contact form - fewer fields = more conversions

If the goal of your landing page is to collect contact details, the form is a critical element. And here one rule applies: the fewer fields - the more people complete it.

How many fields is enough?

Ideal: 3–4 fields. Name, phone number, email, and maybe one field specific to your business (e.g., "What service are you interested in?").

Each additional field reduces conversions by roughly 10–15%. A form with 8 fields will only be completed by the most determined visitors - most won't bother.

Form tips

• Mark required fields - let visitors know what's mandatory and what's optional.
• CTA on the submit button should be specific - instead of "Submit" write "Book your free consultation" or "Get a quote".
• Add a privacy reassurance - a short line below the form: "We'll never share your details. We'll only use them to get in touch." It reduces friction.
• In the UK, phone is still important - many customers prefer a callback to an email reply. Put the phone field early.

Visual hierarchy - guide the visitor's eye

Visual hierarchy means using size, position, and colour to tell visitors what's most important. People don't read websites - they scan them. Your job is to guide their eye to the right information.

Core rules

• Bigger = more important. The headline must be the largest text on the page. The CTA button must stand out. Small text for secondary information.
• Contrast draws the eye. A CTA button in a colour that contrasts with the rest of the page will catch attention immediately.
• White space is not wasted space. Room around elements makes them feel more important and easier to read. Don't cram everything into a wall of text.
• One focus per section. Each section of the page should have one message. If the visitor has to choose where to look - you have too much going on.

A simple test for visual hierarchy: close your eyes, open the page, and look for just 3 seconds. What did you notice first? If it's the headline and CTA - good. If it's something else - rearrange.

Urgency & guarantees - why act now?

Visitors are often interested but think: "I'll ring them tomorrow." The problem: tomorrow never comes. Urgency and guarantees solve this.

Urgency (without manufactured pressure)

You don't need to make anything up. If you genuinely have limited availability, a deadline, or a time-limited offer - say so:

• "Only 3 appointments left this week"
• "Offer ends Friday"
• "Free consultation available this month only"

Warning: Fake urgency destroys trust. Don't write "Only 2 spots left!" when you have plenty of availability. People can sense dishonesty - and once trust is gone, it rarely comes back.

Guarantees that reduce risk

Visitors always have doubts. Guarantees address them:

• "Free consultation - no obligation" - lowers the barrier to first contact
• "No contract - cancel anytime" - removes fear of being locked in
• "Money-back guarantee" - for products and paid services
• "Free quote" - for tradespeople, builders, agencies

In the UK, "free consultation / free quote / no obligation" works particularly well - people want to assess quality before committing.

Pre-launch checklist - have you covered everything?

Before you publish your landing page, run through this list. You don't need every item on day one - but the more you cover, the better your results:

Summary

A landing page has a clear anatomy - and every element has its job:

• Above the fold must contain your headline, subheadline, image, and CTA - it's what visitors see in the first 5 seconds.
• Headline answers "What do I get?" - not what you do.
• CTA is the most important element - specific, visible, repeated throughout.
• Benefits explain value for the customer, not your credentials.
• Social proof builds trust - reviews, ratings, before/after photos.
• Form with fewer fields = more conversions.
• Visual hierarchy guides the eye towards the CTA.
• Urgency and guarantees overcome "I'll think about it."

You don't need everything from day one. Start with a headline, one photo, three benefits, and a phone number - that's the minimum that works. Build from there.

If you'd like help building your page, get in touch - we'll build the first version for you, free.