A landing page has one job. It takes a visitor who arrived with a specific interest, from an ad, an email, or a search, and helps them take one specific action. Everything on the page either supports that action or distracts from it.
The phrase ‘above the fold’ comes from newspapers, where the most important story sat on the top half of the front page. On the web, the fold moves with every screen size, but the idea still holds: the first view a visitor gets must make clear what you offer, who it is for, and what to do next.
One page, one goal
Before you design anything, write the goal as a sentence: ‘Get a visitor to book a free website audit.’ If you cannot say it in one line, the page will try to do too much. That is why landing pages usually leave out the full site navigation: fewer exits mean fewer reasons to wander.
What belongs above the fold
1. A headline that states the outcome
Lead with what the visitor gets, not what you are. ‘Get a website that brings in booked appointments’ beats ‘Welcome to Acme Web Studio’. Match the headline to the promise in the ad or link that brought the visitor, so they know instantly they are in the right place.
2. A supporting subheadline
One or two lines that add detail: who it is for, how it works, or what makes it different. This is where you handle the obvious follow-up question.
3. A clear primary action
Button wording that works
Start with a verb and finish with the benefit: ‘Book my free audit’, ‘Get my quote’, or ‘Download the checklist’. Avoid vague words such as ‘Submit’ or ‘Click here’, and use the same wording in the ad and on the page so the promise feels consistent.
A single, visible button or a short form, using specific wording. ‘Book my free audit’ is stronger than ‘Submit’. Make the button stand out with contrast, using the principles in fonts and colors that build trust.
4. A quick piece of proof
A client logo row, a short testimonial, a rating, or a number from a real result. Even a small signal of trust near the top reduces hesitation.
5. A supporting visual
A photo, a product shot, or a short demo that shows the outcome or the offer in use. Choose images that explain something rather than decorate. Describe them in alt text, and compress them so the page loads quickly.
What belongs below the fold
Visitors scroll, especially on phones, when the top of the page gives them a reason to continue. Use the rest of the page to build the case in a sensible order.
- Benefits, expressed as outcomes in plain language
- How it works, in three or four short steps
- More proof, such as case studies, reviews, and results
- Objections answered, like pricing, timing, and guarantees
- A repeat of the call to action, so it is within reach wherever the visitor decides
| Section | Question it answers | Typical format |
|---|---|---|
| Headline | Am I in the right place? | One short line |
| Proof | Can I trust this? | Logos, quote, rating |
| Benefits | What do I get? | Three icons with short text |
| How it works | What happens next? | Numbered steps |
| FAQ | What if…? | Short expandable answers |
| Final call to action | What do I do now? | Button or form |
If a section does not help the visitor decide, cut it. A shorter page that answers the real questions will beat a longer page that shows off.
Make the form easy
The form is where interest turns into a lead, and it is where most pages lose people. Ask only for what you need to follow up, because every extra field costs responses. Label fields clearly, show helpful errors, and say what happens after submitting. Our guide to lead capture forms that convert goes through each choice in detail.
Speed and mobile come first
A landing page that takes four seconds to load wastes the ad money that brought the visitor. Compress images, avoid heavy sliders and unused scripts, and test on a mid-range phone with an average connection. The checks in our WordPress speed checklist apply directly.
On mobile, keep the headline and the action visible without much scrolling, make buttons large enough to tap, and avoid text that needs zooming.
Test one thing at a time
Once the page has enough traffic, test changes methodically. Change the headline, then the button text, then the image, rather than everything at once, so you know what made the difference. Be patient: a page needs enough visitors for results to mean something, and a test stopped too early often misleads.
Common landing page mistakes
- Sending paid traffic to the homepage instead of a page built for the offer
- Using a headline that describes the company rather than the outcome
- Offering two or three competing calls to action
- Hiding the form or the button below a wall of text
- Using stock photos that say nothing about the offer
- Forgetting to test the page on a real phone
- Making claims you cannot back up with proof
Most of these come from the same root cause: designing for the business rather than the visitor. A useful test is to show the page to someone unfamiliar with it for five seconds, then ask what the page offers and what they would do next. If they cannot answer, the first screen needs work.
Trust signals that work
Proof does not have to be dramatic. Specific beats impressive: a named client, a real photo, a measurable result, or a short quote with a job title carries more weight than a vague claim of excellence. Place proof close to the action it supports, for example a testimonial beside the form and a guarantee beside the price.
Keep any numbers accurate and current, and ask permission before using a client’s name or logo. Visitors can tell when proof is made up, and a single false claim can undo everything else on the page.
Keep the whole journey aligned
The best results come from alignment. When the ad, the email, the landing page, and the follow-up sequence all tell the same story, the whole journey feels easy. Pair this page with a good welcome sequence, as described in building an email welcome sequence, and you have a complete path from first click to ongoing relationship.
A final habit worth building: review each landing page quarterly. Offers change, prices change, and screenshots go out of date. A page that was accurate in January can quietly mislead by June, which costs you trust and conversions.