Above the fold, and what actually matters there

Above the fold has one job: answer three questions before a visitor decides whether to keep looking. What is this business, is it relevant to me, and what am I meant to do next. Every element competing for space in that first screenful should be judged against whether it helps answer one of those three questions, and most of what actually goes there does not.

The term comes from newspapers, where the fold was a fixed physical line and everything above it was the only content visible on a newsstand. There is no equivalent fixed line on the web — a phone, a laptop and a widescreen monitor each show a different amount of a page before scrolling — but the underlying idea survives: whatever is visible without scrolling gets a visitor’s full attention for a few seconds, and after that they are gone or they are scrolling, and either way that first screenful has already done its work or failed to.

The three questions above the fold has to answer, and why the order matters

What is this. A visitor arriving from a search result, a social post or a referral needs to confirm within a second or two that they’ve landed somewhere relevant, before they’ll invest attention in anything else. A business name and a generic tagline do not answer this on their own; a specific statement of what the business actually does does.

Is it for me. This is where trade and industry specificity earns its place. A plumber’s homepage that says “we fix hot water systems, blocked drains and burst pipes across the western suburbs” answers this faster than “quality service you can trust,” which could belong to any business in any industry — the same test applies equally to any contractor whose homepage otherwise reads as generic.

What do I do next. One clear, compelling call to action — call, get a quote, book, browse — stated as a specific thing to click, not implied by a logo in the corner that happens to link to the contact page. See buttons and calls to action for what actually makes that action get taken.

What genuinely earns space above the fold

Element	Earns the space when	Does not earn the space when
Headline	It states what the business does, specifically	It is a slogan that could belong to any business
Hero image or video	It shows the actual work, product or place	It is generic stock imagery of unrelated people
Primary call to action	There is exactly one, and it is unambiguous	There are three competing buttons of equal visual weight
Trust signal (badge, certification, review count)	It is real and verifiable	It is a stock five-star graphic with no source
Navigation	It is short and lets a visitor self-select	It lists every service the business offers, all at once

The over-invested above-the-fold elements, named plainly

A full-bleed background video that autoplays, loops, and adds meaningfully to load time is the single most common over-investment above the fold. It looks impressive in a pitch deck and rarely changes a visitor’s decision, because most stock hero footage of “professionals collaborating” or “people using a laptop” answers none of the three questions above — it is atmosphere, not information, and atmosphere is not what a business owner about to spend real money needs their homepage budget spent on.

A rotating carousel of three or four hero messages is the second. It divides attention across messages a visitor mostly never scrolls to see, and it delays whichever message actually matters most behind a slide index nobody watches to completion. A single, chosen message beats three competing ones almost every time it’s tested.

Animated counters, particle effects and parallax scrolling occupy the same category: genuinely striking the first time, invisible after that, and none of them answer what, for whom, or what next. This site’s own architecture is deliberately plain and avoids heavy animation on indexed pages for exactly this reason — motion has a real performance cost, and a page that has to prove it loads fast is not the place to spend that cost on decoration.

Where the fold sits, and why it is worth designing separately per device

A phone screen shows a fraction of what a laptop screen shows before the first scroll, which means the same page has a smaller “above the fold” budget on the device most Australian visitors will actually use first. Designing the mobile view first is the practical consequence of this: design the smallest first screenful properly, and the larger ones inherit a clear hierarchy rather than having one imposed on them after the fact.

Above the fold on a page built to convert, versus a page built to inform

A landing page built for one campaign and one action — a page a visitor reaches from a Google Ads click rather than organic search — has almost no excuse for a cluttered first screenful — it exists to do one job for one audience, and the fold should say so directly, matching the promise made in the ad itself. Landing page design covers that narrower case in full; this page covers the general homepage version, where above the fold has to serve several audiences at once, including visitors arriving through organic search rather than a paid campaign, and therefore has to work harder to stay simple rather than trying to say everything to everyone in one screenful.

What to check when optimizing above the fold on your own homepage

Screenshot the first screenful on a phone, without scrolling. Show it to someone unfamiliar with the business for five seconds, then take it away and ask what the business does and what they’d click. If the answer is vague or wrong, the fault is very rarely the colour scheme — it is one of the three questions above going unanswered, and that is a layout and priority fix, not a taste fix.