Knowledge · Conversion Engineering
What Belongs Above the Fold (and What Should Wait)
“Above the fold” isn’t dead, it’s just misunderstood. 50% of B2B visitors don’t scroll past the first viewport. Whatever lives in the first 700-900px is what most of your traffic sees. The decision of what goes there is the single most-leveraged design call on the entire site.
№ 01The four jobs of the first viewport
A buyer on a B2B service page has four questions in the first 6 seconds:
- What do you do? (Headline)
- Is this for me? (Subhead with ICP signal)
- Can I trust this? (One proof signal — logo, stat, or rating)
- What’s the next action? (Primary CTA)
Miss any one of the four and the visitor bounces. Most mid-market sites miss the proof signal — they front-load brand poetry and put proof on row 3. The proof needs to be in the first viewport.
№ 02Headline length: 6-12 words wins
Headlines longer than 12 words read as paragraphs at 80px font size. Headlines shorter than 6 words usually lack the specificity to differentiate. The sweet spot: 6-12 words that name an outcome the visitor cares about.
What works: “Conversion-engineered websites that ship in 14 days.” (8 words, outcome + timeframe.) What doesn’t: “We’re passionate about helping you grow.” (Banned vocabulary, vague outcome, no specificity.)
№ 03The subhead does the qualifying
The headline catches attention; the subhead qualifies. One sentence: name the ICP, name the proof. “For Tampa B2B and SaaS firms doing $1M-$20M revenue. 247% avg traffic lift across 23 sites in 2025.”
The subhead is where most agencies waste words. They write “Helping innovative businesses transform digitally for the modern era” — which says nothing and qualifies no one. The subhead is your filter; let it filter.
№ 04Image: product or proof, not lifestyle
The hero image carries information weight equal to the headline. On B2B pages: product screenshot, dashboard mockup, or before/after comparison beats stock photography by 15-30% on conversion. Smiley team photos and abstract gradient backgrounds underperform almost everything.
For service businesses without a product to screenshot: a single quantified result graphic (“3.4s → 1.1s page speed”) works. The principle: information density. The image should communicate something the headline doesn’t.
№ 05What does NOT belong above the fold
Things that consistently belong below the first viewport:
- The form. Forms above the fold convert lower than mid-page or end-of-page forms on B2B service pages. Buyers need proof before commitment.
- Detailed pricing. Hint at it (“starts at $5K”), but full tier tables belong at row 3-5 after the value-prop and proof.
- Long feature lists. Feature lists kill momentum. They belong in the middle third of the page after problem-framing.
- Team bios. Above-the-fold real estate is too valuable for “meet our team.” Team belongs on About.
⚠What to avoid
- Hero carousels / sliders. 89% of users never see slide 2. The carousel is design-team self-indulgence at the cost of conversion. Use a static hero.
- Above-the-fold form on a cold-traffic landing page. Buyers won’t convert without proof. Move the form below at least one proof section.
- Hero copy that’s the brand statement. “Welcome to [Company]. We’re passionate about…” The hero isn’t your About page. It’s a one-screen pitch.
Related questions
Go deeper
Three Ways to Start · No Sales Pitch
Want this analyzed on your site?
$500 audit. 5-day delivery. Refundable on engagement.