A landing page has one job: get a specific visitor to take a specific action. Strip away everything else and the pages that convert best share the same building blocks. Here are the 11 elements to get right, and the mistakes that quietly undo them.
1. A headline that matches the promise
The headline should match the ad, email or search result that brought the visitor. If the ad says "Free website audit in 60 seconds", the page should say the same. A mismatch makes people bounce.
2. A subheading that adds the detail
Who it's for, how it works or the key benefit, in one sentence.
3. One clear call to action
One primary action, stated plainly: "Get my free audit", "Book a 20-minute call". Repeat it down the page, but don't add competing actions.
4. A hero that shows the outcome
Show the product, the result or the experience, not a generic stock photo. A short demo, screenshot or before-and-after works well.
5. Benefits, not just features
Three to five benefits, each with a short explanation. Lead with what changes for the visitor. Our website copywriting guide shows how to turn features into specific benefits.
6. Proof, near the claim
Reviews, client logos (with permission), case study numbers and ratings. Place proof right next to the claims and the call to action, where doubts arise.
7. How it works, in three steps
Uncertainty kills conversion. A simple "1, 2, 3" explains what happens after the click: "Book a call, get a plan, launch in six weeks."
8. Objections answered
An FAQ that addresses price, time, risk and fit. Each answer removes a reason not to act.
9. A short, friendly form
- Ask only for what you need now
- Use clear labels above fields, not placeholder text only
- Explain what happens after submitting
- Show errors clearly, next to the field
- Make the button say what it does
Accessible forms convert better for everyone; see our WCAG 2.2 checklist.
10. Speed
Slow pages lose visitors before they've seen anything, especially on mobile. Compress images, defer non-essential scripts and keep the page light. See image SEO and Core Web Vitals.
11. Mobile-first layout
Many campaign visitors arrive on phones. Check the headline, call to action and form work comfortably on a small screen, with tap targets large enough to hit.
Mistakes that kill conversion
| Mistake | Why it hurts | Fix |
|---|---|---|
| Full site navigation | Visitors wander off | Remove or minimise the menu |
| Several competing CTAs | Choice paralysis | One primary action |
| Generic stock imagery | No credibility | Show the real product or result |
| Long forms | Too much effort | Fewer fields, progressive steps |
| Proof hidden at the bottom | Doubts go unanswered | Put proof beside claims |
| Slow load | Visitors leave early | Optimise images and scripts |
| Message mismatch with the ad | Feels like bait | Match headline to the source |
More common problems are covered in UX mistakes killing your conversion rate.
Landing pages by goal
| Goal | Hero focus | Proof that matters | Form or action |
|---|---|---|---|
| Lead generation | The outcome and who it's for | Case studies, client logos | Short form or call booking |
| E-commerce | The product, clearly shown | Reviews, ratings, delivery and returns | Add to basket |
| App or SaaS sign-up | The core benefit and a product screen | Usage numbers, testimonials | Sign-up with minimal fields |
| Event | Date, place, what attendees gain | Past speakers or attendees | Register |
| Free tool or download | What they get and how fast | Sample output | Email, or no form at all |
An above-the-fold checklist
Before scrolling, a visitor should see:
- A headline matching the ad or link they clicked
- Who it's for and what they get
- One clear call to action
- A visual of the product, service or result
- One piece of proof: a rating, a logo row or a key number
- Nothing that loads slowly or jumps around
A/B test ideas worth trying
- Headline: outcome-led vs problem-led.
- Call to action: "Book a call" vs "Get my free plan".
- Form length: three fields vs five.
- Proof placement: reviews beside the form vs below it.
- Hero visual: product screenshot vs photo of a customer.
- Offer: free consultation vs free audit.
Test one change at a time and give each test enough visitors to be confident in the result.
Test and improve
- Track one primary conversion with clean analytics; use UTM parameters to know where visitors came from.
- Change one big thing at a time: headline, offer or form.
- Give tests enough traffic before deciding.
- Watch real sessions or run quick usability tests.
How long should a landing page be?
It depends on how much the visitor needs to know before acting:
- Short pages suit simple, low-risk actions: a free download, a newsletter, a free tool. The headline, one benefit list and the form may be enough.
- Long pages suit bigger decisions: a paid service, a high-priced product, a long contract. Visitors need proof, detail and answers to objections before they commit.
- Either way, every section should earn its place. If a section doesn't answer a question visitors actually have, cut it.
A good test: read the page as a sceptical first-time visitor. Wherever you'd think "but what about...?", the answer should be right there.
Check yours in a minute
Run your landing page through Zelvorm's free AI Website X-Ray for speed, SEO, accessibility and an AI review of its messaging and calls to action, and compare it side by side with a competitor's page.
The short version
Match the headline to the source, state one clear action, show the outcome, lead with benefits, put proof beside claims, explain how it works, answer objections, keep forms short, make it fast and design for mobile first. Then test one change at a time.
