Skip to content

Above the Fold: #1 The Most Expensive Real Estate You’re Probably Wasting

10 Min Read

Above the fold — Your website has one job to do before a visitor decides whether to stay or leave. One. And it has to do it in the time it takes a bored human being to form an opinion about whether something is worth their attention.

above the fold website design

That time, according to research from the Nielsen Norman Group, is approximately 10 to 20 seconds. In practice, it’s probably less. People are impatient, distracted, and have seventeen other tabs open.

Here’s the brutal truth: roughly 80% of visitors never scroll down. They hit your page, consume whatever is visible without touching the mouse wheel, and either act or leave. The entire below-the-fold section of your website, the case studies, the testimonials, the carefully crafted Our Process section that took you three weeks to write, is being read by approximately one in five people.

If that statistic doesn’t make you want to completely rethink your homepage, you’re not paying attention.

First, Let’s Get the Basics Straight

Above the fold is a newspaper term. It refers to whatever appears on the top half of a folded broadsheet, the content that has to be compelling enough to make you pick the paper up off the newsstand. Everything below the physical fold is secondary. You earn the scroll.

In web design, above the fold is whatever appears on screen before a visitor scrolls. It varies by device, screen resolution, and browser, but the principle is identical to the newspaper: this is your one shot at the newsstand. Make it count or lose the sale.

And before we go any further, let’s agree on something important. A website, any website, regardless of industry, size, or ambition, only does three things. It either generates an enquiry (a service business, a consultancy, an agency), sells a product (e-commerce, SaaS), or educates (a government site, a not-for-profit, a knowledge hub). That’s it. Three modes. Everything else, the brand story, the team photos, the awards wall, is supporting evidence. The primary job is one of those three things, and your above-the-fold content needs to make that job crystal clear within seconds of arrival.

If a visitor lands on your homepage and can’t tell within ten seconds what you do, who it’s for, and what they’re supposed to do next, you have a conversion problem. Full stop.

Why Most Above-the-Fold Content Is Terrible

Take a tour of almost any service business website and you’ll find the same crime committed over and over again. A large, moody full-screen image. A headline that says something like Transforming Businesses Through Innovation or Your Partner in Growth. A subheading that adds nothing. A button that says Learn More.

That is not a homepage. That is a screen saver with a budget.

Nobody lands on your website wanting to learn more. They land on your website because they have a specific problem and they want to know, immediately, without effort, whether you are the right person to solve it. The entire purpose of above-the-fold design is to answer that question before their patience expires.

Conversion-centred design treats every pixel above the fold as a decision-making asset. Every element either moves a visitor towards conversion or it doesn’t. There is no neutral. There is no nice to have. There is only: does this element make it more or less likely that this person takes the action I need them to take?

The Top 5 Things to Test Above the Fold

This is where it gets practical. If you’re running a website and you’re not split testing your above-the-fold content, you are leaving conversion on the table. Here are the five elements with the highest leverage, ranked in order of impact.

1. The Headline

This is the single most important element on your entire website. Not the logo. Not the hero image. The headline. It either tells the visitor they’re in the right place or it doesn’t.

The best headlines do one of three things: they state the specific outcome the visitor will get, they identify the specific audience and their specific problem, or they make a claim so precise and differentiated that curiosity alone compels action.

What they never do is describe the company. Award-winning creative studio tells me about you. It tells me nothing about what’s in it for me. Test outcome-focused headlines against identity-focused headlines. The results will surprise you.

2. The Primary Call to Action

The button. The link. The thing you want people to click. Most websites get this wrong in two ways: they either have too many calls to action, creating decision paralysis, or the call to action is so vague as to be meaningless.

Get Started means nothing. Book a Free Strategy Call means something. See How We Built Blossom to $1.6B AUM means something specific and credible. Test the copy on your primary CTA. Test the colour. Test the position. Test whether one CTA converts better than two. The data will tell you things your intuition never would.

A general rule worth knowing: a single, high-contrast, action-specific CTA above the fold consistently outperforms multiple options. Give people one door, not a corridor of them.

3. The Hero Image or Visual

The visual above the fold does one thing: it either reinforces the headline or it undermines it. A generic stock photo of smiling people in an office undermines almost any serious positioning claim. A specific, real image, your actual work, your actual team, your actual results, reinforces it.

Test photography versus illustration. Test people versus product. Test static imagery versus video backgrounds, noting that autoplay video backgrounds consistently slow page load, and every second of load time costs you conversion. Test no image at all. Sometimes a bold typographic layout outperforms everything with a picture in it.

What you are not testing is which image looks nicest. You are testing which image drives the most people to click your primary CTA. Different question. Different answer.

4. The Value Proposition Sub-Headline

The headline hooks. The sub-headline converts. This is where you give the visitor the one sentence that tells them specifically what you do, for whom, and why you’re different from the seventeen other options they have open in other tabs.

Most sub-headlines fail at specificity. They reach for grand claims when they should be reaching for precise ones. Test different levels of specificity. Test mentioning your ideal client type explicitly. Test including a specific, verifiable result. Specificity almost always wins against generality in split tests, because specificity signals credibility.

5. Social Proof Above the Fold

This one is underused and undervalued. Most websites bury their testimonials and logos three scrolls down, which means 80% of visitors never see them. Test moving your strongest social proof, a specific client result, a recognisable logo bar, a short sharp testimonial, above the fold.

The key word is specific. Amazing to work with, highly recommend is wallpaper. Our brand relaunch drove a 34% increase in inbound enquiries in the first quarter is evidence. Test outcome-focused testimonials versus character-based ones. Test a logo bar of recognisable clients versus a single powerful quote. Photos increase perceived credibility significantly, so test text-only versus testimonials with a real face next to them.

At CUT THRU, we use double-blind split testing to validate exactly these decisions. Not because we think good design is arbitrary, but because what the designer finds compelling and what the target audience finds compelling are frequently two different things. The discipline of testing keeps the work honest.

A Note on Mobile

Everything above assumes you’re thinking about desktop. On mobile, which is now the primary browsing device for the majority of web traffic, the fold sits far higher. An element that appears above the fold on a 27-inch monitor may be three scrolls down on a phone. Design your above-the-fold experience for mobile first, then expand for desktop. Not the other way around.

This also means your mobile headline needs to be shorter. Your CTA button needs to be larger and easier to tap. And your hero image, if you have one, needs to work in portrait format, not just landscape.

The Bigger Point

Above-the-fold optimisation is not a design exercise. It is a strategic exercise. It requires you to be ruthlessly clear about what your website is for, who your visitor is, what they need to know in the first ten seconds, and what you need them to do.

That clarity doesn’t come from a template. It doesn’t come from looking at what your competitors are doing and doing something similar. It comes from genuine positioning work, understanding your customer well enough to know exactly which words will make them think yes, this is exactly what I’ve been looking for.

The fold is not a design problem. It’s a strategy problem wearing a design costume.

Solve the strategy first. Then test the hell out of the execution.


Jonathan Sankey is the founder of CUT THRU, a boutique branding agency specialising in conversion-centred brand strategy, positioning, naming, and design. Winner of Boutique Branding Agency of the Year at the Netty Awards, 2023 and 2024.

CONTINUE READING...