False floors: do visitors know your homepage continues?

Key takeaways

A false floor in web design is when the first screen looks complete, so visitors think the page has ended and never scroll to your proof or services. Full-height heroes, wide horizontal bands and big gaps cause it. Let the next section peek into view, avoid full-screen heroes on phones and keep content flowing so scrolling feels natural.

• A false floor makes the first screen look like the whole page.
• Full-height heroes and wide empty bands are the usual cause.
• Let the next section peek into the first screen.
• Arrow icons help less than visible content below.

What is a false floor?

A false floor is a layout that looks finished at the bottom of the first screen, so visitors assume there is nothing more. Nielsen Norman Group calls this the illusion of completeness. People do scroll when they expect more content; the problem is a design that tells them not to.

• Why your homepage is not converting visitors into customers
• Homepage scroll depth: how far visitors really go

What causes a false floor on a homepage?

The usual causes are a hero set to exactly 100% of the screen height, a strong horizontal line or colour change right at the fold, large empty space after the hero and a hero that ends with a full stop: headline, button and nothing else visible. On phones, tall heroes make this worse.

• Homepage design trends that cost enquiries
• What belongs above the fold on a business website

How do you check for one?

Look at scroll depth in GA4 or a heatmap: a sharp drop right at the first screen with little decline afterwards suggests a false floor rather than boring content. Then open the page on several phones and laptops and see whether anything from the next section is visible.

• Heatmaps for small business websites: what they reveal
• Check your homepage's performance in GA4

What scroll cues work?

The best cue is content: let the top of the trust bar, a row of review stars or the next heading show at the bottom of the first screen. Avoid exact full-height heroes. Small arrow icons help a little, but visible content is far more persuasive than an instruction to scroll.

• The trust bar under your hero: what goes in it
• Homepage hero section: the five parts that convert

When is a short first screen fine?

When the first screen contains everything most visitors need, such as an emergency number or a booking button, a false floor matters less. Even then, visitors who want proof should be able to see that it exists below.

• Should the mobile homepage show less than desktop?

What does this look like in practice?

A pattern we see after a redesign: a striking full-screen hero, and then scroll depth collapses. Reducing the hero height so the trust bar peeks into view usually restores scrolling without losing the look the owner wanted.

• See client work
• Website Design & Development for UK businesses

False floor checklist

• Check scroll depth for a drop at the first screen.
• Avoid heroes set to exactly full screen height.
• Let the next section peek into view.
• Remove large empty bands after the hero.
• Test on several phone and laptop sizes.

• Choose a homepage hero image that sells
• Homepage design trends that cost enquiries

Next step

Open your homepage on three different phones and screenshot the first screen. If none shows a hint of the next section, shorten the hero.