Visitors spend roughly 5-6 seconds scanning your above-the-fold area before they decide to stay or leave. In those seconds, your landing page needs to answer three questions: What is this? Is it for me? Should I trust it?
After building 3,000+ landing pages across 300+ clients, we have seen the same pattern play out thousands of times. Pages that nail those first 5 seconds convert at 2-5x the rate of pages that do not. Pages that get it wrong bleed ad spend no matter how good the offer is.
This guide covers exactly what goes above the fold on a landing page, how to design it for conversions, and the mistakes we fix most often when auditing new client pages.
Above the fold is the portion of your landing page visible without scrolling. The term comes from newspaper publishing — editors placed their strongest headlines above the physical fold of the broadsheet to grab attention on the newsstand.
On a landing page, the fold is wherever the browser viewport ends. That varies by device:
The critical difference between a landing page and a regular website page: landing pages have one job. There is no navigation menu pulling attention sideways, no sidebar competing for clicks. Every pixel above the fold should push toward a single conversion goal.
Content above the fold attracts 84% more attention than content below it. Visitors spend 57% of their viewing time in this zone. Those numbers match what we see in heatmap reviews across client accounts — the top of the page gets hammered with attention, and everything below it drops off fast.
But most guides stop there. They tell you the fold matters, then list generic tips. What they miss: above the fold does not need to close the deal. It needs to earn the scroll.
When we audit landing pages for new clients, the most common problem is not a missing CTA button. It is a headline that does not match the ad that brought the visitor there. The visitor clicks an ad promising “14-Day Acne Guarantee” and lands on a page with the headline “All-Natural Acne Cream Rocks!” — that disconnect kills conversions before the page even finishes loading.
One pattern we see consistently: pages where the above-the-fold section matches the ad message word-for-word convert 20-35% higher than pages with even slight message mismatches.
We have audited above-the-fold sections for 300+ clients across 20+ countries. Tell us about your landing page and we will show you exactly where the conversion leak is.
Get a Free Audit →After 10 years of building and testing landing pages, we have narrowed it down to seven elements that matter above the fold. Not every page needs all seven — but skipping any without a reason usually costs conversions.
Every high-converting landing page answers three questions in the first 5 seconds: What is this? Is it for me? Should I trust it? Here are the 7 elements that make it happen.
Communicate what you offer, who it is for, and the outcome — in one sentence. If a stranger cannot explain your offer after reading just the headline, it is too vague. Specific always beats clever.
The headline says what. The subheadline says how. Keep it to one or two sentences that walk the visitor through your process in plain language. Builds credibility without requiring a scroll.
One primary CTA button. Contrasting colour, minimum 44px tap target, narrative copy that continues the headline (not generic "Submit"). When you give people four options, they pick none.
A product screenshot, demo clip, or portfolio example. People scan images before text. A relevant product shot keeps visitors engaged — generic stock photos do the opposite.
Client logos, review badges, a specific stat ("3,000+ projects"), or a short testimonial with a real name. Third-party proof beats self-claims. Even a subtle logo bar shifts trust.
The headline must mirror the ad or link that brought the visitor. Pages with tight message match convert 20-35% higher. This is the most common failure and the easiest fix.
Design for 375px first, then expand. 63% of traffic is mobile. Every additional second of load time cuts conversions by roughly 7%. If your hero image pushes the CTA below the fold on mobile, you are losing most of your visitors.
Your headline needs to communicate what you offer, who it is for, and what outcome the visitor gets — in one sentence. If a stranger cannot explain your offer after reading just the headline, it is too vague.
Weak: “Transform Your Business Today”
Strong: “Landing Pages That Convert Your Ad Traffic Into Leads — Built in 2 Weeks”
The second headline names the deliverable (landing pages), the outcome (convert ad traffic into leads), and sets a timeline expectation (2 weeks). No ambiguity.
When we rebuilt DOOR3's landing pages, the headline shift from generic consulting language to a specific outcome claim — tied directly to their PPC keywords — was a major factor in reducing their cost per lead from $2,300 to $550.
The headline says what. The subheadline says how. Keep it to one or two sentences.
If your headline is “Landing Pages That Convert Your Ad Traffic Into Leads,” a strong subheadline might be: “We research your competitors, design a conversion-focused page in Figma, build it on your platform, and run it through our 37-point QA checklist before it goes live.”
The subheadline works because it walks the visitor through the process in plain language. It builds credibility without requiring the visitor to scroll.
One CTA. Not two, not three. One primary action you want the visitor to take.
The CTA button should:
On the Board Agenda landing page, we used a multi-step form with a clear first-step CTA. The page converted at 27.89% — 82 conversions from 294 visitors. That conversion rate came from reducing friction in the above-the-fold area, not from burying visitors in information.
A hero image or video that shows your product in action reduces uncertainty faster than any amount of copy. People do not read landing pages — they scan, and images are what they scan first.
For SaaS products, this means a screenshot or short demo clip. For service businesses like ours, it means portfolio examples — a before/after or a polished mockup of a completed landing page.
Trust signals above the fold shorten the decision cycle. The most effective ones we have tested:
"Their knowledge of landing page design and CRO is second to none."
This is where we see the biggest missed opportunities. The above-the-fold section must mirror the language and offer of whatever brought the visitor to the page. Google Ad, Facebook campaign, email — does not matter. The headline on the page should feel like a continuation of the click that got them there.
If your ad says “Free 14-Day Trial,” the landing page headline should say “Free 14-Day Trial” — not “Get Started Today” or “Explore Our Platform.”
For Flare.io's "Book a Demo" page, we simplified the above-the-fold section to match the exact language of their ads. The streamlined version — shorter, more focused, tighter message match — increased demo conversions by 65% within one week.
With 63% of web traffic now on mobile, designing desktop-first and “making it responsive” is backwards. Design for the smallest screen first, then expand.
On mobile, the above-the-fold checklist becomes tighter:
Pages that load in 1 second convert 3x better than pages that load in 5 seconds. On mobile, every additional second of load time reduces conversions by roughly 7%. If your hero image is a 2MB uncompressed PNG, you are losing visitors before they even see your headline.
When we onboard a new CRO client, the first thing we check is the above-the-fold section. Here is the framework we use internally — you can apply it to your own pages.
The above-the-fold section does not need to close the deal. It needs to earn the scroll. Answer three questions in 5 seconds — What is this? Is it for me? Should I trust it? — and the visitor will keep reading.
Can a stranger explain the offer after reading only the headline? Pass: specific outcome + audience named.
Does the headline mirror the ad, email, or link that sent them here? Pass: key phrase appears in both.
Is the primary CTA visible without scrolling on both desktop and mobile? Test at 375px and 1440px widths.
Is there at least one credibility element — logo bar, review badge, stat, or testimonial? Third-party proof preferred.
Does the hero image or video show the actual product or result? Pass: relevant image. Fail: generic stock photo.
Does the above-the-fold content render in under 2.5 seconds on mobile? Test with PageSpeed Insights (LCP metric).
Is there only one primary action the visitor can take? One CTA, no competing navigation links or secondary buttons.
Pass all 7 = ready to launch. Fail 2 or more = fix before spending on ads. Start with message match — it is the most common failure and the easiest fix.
| Audit Point | What to Check | Pass Criteria |
|---|---|---|
| Headline clarity | Can a stranger explain the offer after reading only the headline? | Specific outcome + audience named |
| Message match | Does the headline mirror the ad/email/link that sent them here? | Key phrase appears in both ad and headline |
| CTA visibility | Is the primary CTA visible without scrolling on both desktop and mobile? | Button visible at 375px and 1440px widths |
| Trust signal | Is there at least one credibility element (logo, stat, badge, testimonial)? | Third-party proof preferred over self-claims |
| Visual proof | Does the hero image/video show the product or result? | Relevant image, not generic stock photo |
| Load speed | Does the above-the-fold content render in under 2.5 seconds? | LCP < 2.5s on mobile (PageSpeed Insights) |
| Single focus | Is there only one primary action the visitor can take? | One CTA, no competing navigation links |
Run this audit on your current landing pages. If a page fails more than two points, that is usually where the conversion leak is. We have seen pages double their conversion rate just by fixing message match and CTA visibility.
We have audited hundreds of landing pages over the past decade. These five problems show up more than any others.
A full-width hero image that takes up 80% of the viewport looks great in Figma. On a 13-inch laptop — which is what most of your visitors are actually using — it pushes the headline, CTA, and trust signals below the fold.
Fix: Limit hero images to 40-50% of viewport height. Place the headline and CTA alongside or overlaid on the image, not below it.
We have audited pages with three different buttons above the fold: “Get a Quote,” “Book a Demo,” and “Watch a Video.” Each button dilutes the others. The visitor freezes because they are forced to make a choice before they understand the offer.
Fix: One primary CTA. If you must include a secondary option, make it a text link — not a button — so the visual hierarchy stays clear.
“Empowering Your Digital Transformation” could be any B2B company on the planet. It tells the visitor nothing about what you actually do or why they should care.
Fix: Name your product, your audience, and the outcome in the headline. Be specific enough that a competitor could not copy-paste your headline onto their page.
Many landing pages save testimonials and logos for the bottom of the page. By then, most visitors have already bounced. With 84% of attention focused above the fold, that is where your strongest proof should live.
Fix: Add a single client logo bar, a review count badge, or a one-line testimonial directly below the headline. It does not need to dominate — even a subtle row of logos shifts trust.
A design that looks perfect at 1440px wide can completely fall apart at 375px. The headline wraps to four lines, the CTA drops below the fold, and the form fields are too small to tap.
Fix: Design mobile-first. Set breakpoints at 375px (mobile), 768px (tablet), and 1024px+ (desktop). Test every design on real devices, not just browser emulators.
See our workApexure Landing Page Portfolio — 117 projects including above-the-fold designs→
The seven elements above apply broadly, but the emphasis shifts depending on what your landing page is trying to do.
The form should be visible above the fold — or at minimum, the first step of a multi-step form.
For the Affordable Health Coverage Today landing page, we used dynamic address prefilling so visitors could complete the form faster. That page converted at 20%. Keep form fields to the minimum needed — every additional field reduces completion rates by roughly 5-10%.
The above-the-fold section should make the value of the demo immediately clear. Not “Book a Demo” — instead, “See How [Product] Reduces Your [Pain Point] in 30 Minutes.”
For Flare.io, the shorter version of their demo page — with a tighter above-the-fold section — outperformed the long version by 65%. Less content above the fold meant less friction before the CTA.
Message match matters more here than on any other page type. The headline must echo the ad keyword. If someone searches “SaaS landing page agency” and clicks your ad, the landing page headline should include those exact words.
Date, location (or “virtual”), and a speaker highlight should all be above the fold. The Board Agenda registration page hit 27.89% conversion by putting the event details and a multi-step form in the first viewport — no scrolling required to register.
Designing the above-the-fold section gets you to a baseline. Testing is how you find out what actually works for your specific audience.
Using our EPIC framework, we prioritise A/B tests by Experiment potential, Priority, Impact, and Cost. For above-the-fold tests, the highest-impact elements to test are:
For IMD Business School, A/B testing the above-the-fold layout and heatmap analysis drove a 63% conversion lift — from 3.91% to 6.38% on their MBA landing page. The winning variant had a cleaner above-the-fold section with fewer distractions.
Run one test at a time. Wait for statistical significance — 95% confidence with at least 100 conversions per variant. Declaring a "winner" based on 30 conversions and a 2-week run is not data — it is noise.
Use this as a quick reference before launching any landing page:
The above-the-fold section is the highest-leverage part of any landing page. Fix this first. Everything else — the proof section, the feature breakdown, the pricing — depends on whether visitors make it past those first 5 seconds.
But a strong above-the-fold section earns the scroll — it does not close the deal by itself. What follows below the fold needs to deliver on the promise your headline made.
If you are running paid traffic to landing pages that are not converting, start with the audit framework above. Check message match first — it is the most common failure point and the easiest to fix. Then work through the other six audit points before you consider a full redesign.
We have audited and built above-the-fold sections for 300+ clients across 20+ countries. Tell us about your landing page and we will tell you exactly what to fix first.
Get Started →Use the 7-point audit framework in this guide to check your current above-the-fold sections. If a page fails more than two points, that is usually where the conversion leak is.
Want us to audit your landing pages? Book a call with one of Apexure’s CRO experts. The audit takes about an hour and we will tell you exactly what to fix first.
Check out our portfolio of 117 landing page projects — including above-the-fold designs, PPC pages, and multi-step funnels.
Above the fold is the portion of your landing page visible without scrolling. On desktop, that is roughly 600-800px of vertical space. On mobile, 500-650px. The term comes from newspaper publishing where editors placed top headlines above the physical fold of the broadsheet.
Related Articles:
What Is Above the Fold? Best Practices + Examples — Shopify shopify.com
As CEO and Founder of Apexure, Waseem Bashir's decade-old experience in building high-converting landing pages extends to collaborations with Fortune 500 leaders and over 1000 clients. He transforms this wealth of expertise into remarkable landing pages, inspiring marketers towards targeted marketing success. Read more
Drive More Sales or Leads With Conversion Focused Websites and Landing Pages
Get Started
Key Takeaways CRO is the highest-ROI marketing activity — it increases leads and revenue without increasing ad spend....
Most landing pages we audit have video in the wrong place. Either it autoplays and annoys people, it...
Get quality posts covering insights into Conversion Rate Optimisation, Landing Pages and great design
