Your hero section is the most important 800 pixels on your entire website. It's what visitors see before they scroll. In 2025 we A/B tested four hero patterns across 12 Aussie and NZ client sites — SaaS, retail, professional services, non-profit — with a combined 1.2M sessions. Here's what we learned.
The four patterns we tested
- Value-prop hero — big headline, short subhead, one CTA, small hero image
- Benefit-stack hero — headline + three benefit bullets + CTA
- Demo-video hero — headline + short auto-play muted product video + CTA
- Interactive hero — headline + interactive tool (calculator, config, form) as the hero itself
Results by industry
Conversion rate lift vs baseline (previous hero), median across 12 tests, 4-week windows:
- SaaS + tech: Demo-video won — +34% CTR to the "Start Trial" button
- Retail + e-commerce: Value-prop won — +18% add-to-cart from homepage
- Professional services: Interactive won — +52% form fills (using a "price estimator" tool)
- Non-profit: Benefit-stack won — +21% donation clicks
There is no universal winner. But there are patterns.
The 5 rules that always applied
Rule 1: The headline must be about them, not you
Bad: "We're Australia's premier full-service digital agency." — visitors don't care who you are. Good: "Get more customers from your website in 90 days." — this is about the reader's outcome. Rewrite your headline so it starts with "You" or answers "What's in it for me?"
Rule 2: The subhead should defuse the biggest objection
Every visitor has one thought when they land: "Is this going to cost me a fortune?" or "Will this take forever?" or "Is this trustworthy?" Your subhead's job is to knock that down. Example: "Fixed price. Live in 4 weeks. Own the code." — three objections killed in seven words.
Rule 3: One CTA, and it should be a verb
Two CTAs above the fold cut conversion in half. Pick one. And use action words: "Start Your Project" beats "Learn More" beats "Contact Us" every time. If you must have a secondary action, make it visually smaller and text-only.
Rule 4: Prove it in the first 3 seconds
The instant a visitor lands, they're deciding whether to trust you. Above the fold, include at least one of:
- Client logos (real ones, at 40–50% opacity so they don't overpower)
- A star rating or client count ("★★★★★ · 30+ clients")
- A specific outcome ("Ranked #1 on Google in 90 days")
Rule 5: Kill the stock photo
The single most overrated hero element in 2026 is the smiling-team stock photo. Nobody clicks because of it. Options that outperform stock photos in our tests:
- A short product video (autoplay muted, 8–15 seconds)
- A real screenshot of your product
- An interactive element (calculator, config, form)
- A hand-drawn illustration matching your brand
- A well-lit photo of your actual team (not stock)
- Empty space + strong typography
The exact template we use
When we're stuck, we default to this structure:
- Line 1 (eyebrow): One-line category tag or availability signal — "Digital agency · Brisbane · booking Q3"
- Line 2 (headline): Outcome-focused, 6–10 words
- Line 3 (subhead): Objection-killer, 12–18 words
- Line 4 (CTA): Verb + specific noun
- Line 5 (trust): Rating + client count OR one testimonial-quote
Fits above the fold on mobile. Under 60 words total. Boring? Maybe. Effective? Yes.
What to change first
Open your homepage. Cover the hero with your hand and ask a friend: "What does this business do, and why should I care?" If they can't answer in 5 seconds, fix rule 1 first. That's usually the fastest win.
Found this useful? Two new posts a month — back to all insights.