UX / Homepage
Above-the-Fold Homepage Best Practices for Ecommerce
// your one guaranteed impression, spend it on clarity
By Fracto Solutions
October 8, 2026
The short answer
Above the fold is the part of your homepage a visitor sees before scrolling, your one guaranteed impression. Use it to say what you sell and who it’s for, show navigation and search, and give one clear next step. Keep it fast and clean on mobile, and resist the urge to cram promotions and carousels into it.
~57%
42%
50ms
What does 'above the fold' mean, and why does it matter?
It’s everything visible before a visitor scrolls, which varies by device. It matters because it’s the only part of your page you can count on being seen, so what sits there sets whether a first-time visitor stays and explores or leaves.
Two things make the first screen matter, and the usual argument overstates both.
First, the impression forms fast. Lindgaard and colleagues found that people judge a page’s visual appeal in about 50 milliseconds, and that the judgment rarely changes with more time. NN/g ties that judgment to aesthetics and adds that first impressions go on to affect perceived usability and credibility too. It is a reason to look right instantly, not proof the whole decision happens in a blink.
Second, attention concentrates at the top, but people do scroll past it. Nielsen Norman Group’s eye-tracking, 120 participants and 130,000+ fixations, found about 57% of page-viewing time above the fold and more than 42% in the top fifth of the page alone. Two caveats matter. That average spans news, ecommerce, blogs, FAQ and encyclopedic pages, so it is not an ecommerce-homepage number. And NN/g’s 2010 equivalent was 80%, measured on a 1024×768 screen against 1920×1080 in 2018, so the fold is not the same line in both and NN/g declines to separate screen size from behaviour change. What holds is the shape: attention falls off sharply below the fold. The detail here supports our homepage pillar; the aim is to orient instantly, not to impress slowly.
What should be above the fold?
A clear value proposition, visible navigation and search, and one primary call to action, nothing more. The visitor should know what you sell, who it’s for, and where to go next without scrolling or guessing.
Above the fold
Keep below / elsewhere
Clear value proposition
Long brand story
Navigation + search
Full category list
One primary CTA / way in
Every promotion at once
A single strong visual
Auto-rotating carousel
A trust cue if space allows
Detailed policies (footer)
Above the fold is for orientation and one clear next step; everything else waits.
What are the common above-the-fold mistakes?
A vague headline that could belong to any brand, an auto-rotating carousel, a giant image with no message, and slow load that leaves the area blank on arrival. Each wastes the one impression you’re guaranteed.
Watch especially for a beautiful hero that says nothing. Baymard finds 70% of sites give no direct access to products from their inspirational imagery, which is this failure measured at scale: the scene draws the eye, then offers nowhere to go.
Carousels are the other classic. Erik Runyon tracked carousel clicks against homepage visitors on nd.edu and found approximately 1% of visitors clicked a carousel at all, with 84% of the 28,928 recorded clicks landing on the first slide. Caveats: it counts clicks rather than views, it is 2013 data from university sites, and Runyon attributes differences between his sites to audience rather than carousel type. The usable conclusion is narrow: the component earns very little for the space it takes, and slide one does nearly all the work.
A slow-loading hero is worst of all, because the visitor sees nothing at the moment they decide whether to stay; see how speed affects conversion.
How is above the fold different on mobile?
There’s far less of it. On a phone, the visible area is small and vertical, so the value proposition and primary path have to land in a tiny space, and anything non-essential pushes the useful content out of view. Design the mobile fold deliberately.
The mobile fold is the one that matters most. Siege Media’s study puts its ecommerce row at 55.8% mobile across all traffic and 65.3% for the “typical site”, where each brand counts equally, so for most stores the phone is the majority case. Baymard adds that 59% do not provide the full scope for links on mobile homepages, so shoppers tap without knowing where they will land.
Make sure the value proposition and a clear way in are visible on a real phone, not buried under a full-screen image or a sticky banner. Same discipline as mobile conversion optimization.
We make the first screen orient a visitor instantly, especially on mobile.
We focus the above-the-fold area on a clear value proposition, visible navigation and search, and one next step, cut the carousel and clutter, and make sure it lands and loads on a real phone, then measure whether more visitors stay and scroll.
It’s the same measurement-first approach behind our conversion optimization work: we agree the metric before the test runs and report the result at the confidence level the test actually reached.
// we would rather show up in your reporting than in your inbox
Frequently asked questions
Is 'the fold' still a real concept when people scroll?
Yes, though less absolutely than the old advice assumes. Nielsen Norman Group’s eye-tracking puts about 57% of page-viewing time above the fold and more than 42% in the top fifth, averaged across several page types rather than ecommerce homepages. People clearly scroll past it, but attention falls off sharply below the fold and the first screen still earns the majority.
Should I put a carousel above the fold?
Carousels earn very little engagement either way. The best public dataset, Erik Runyon’s 2013 tracking of carousel clicks against homepage visitors on nd.edu, found approximately 1% of visitors clicked a carousel at all, and 84% of the 28,928 recorded clicks went to the first slide. Note it measured clicks rather than views, is 2013 data from university sites, and that comparisons within it are confounded by audience. We recommend a single strong hero on the grounds that it is clearer and faster, rather than claiming rotation itself is fatal.
What's the single most important above-the-fold element?
The value proposition: what you sell and who it’s for, stated clearly. Without it, even a beautiful hero and clean navigation leave visitors unsure why they should stay.
How do I test my above-the-fold area?
Load the homepage on a phone and give yourself five seconds. If you can’t tell what’s sold, who it’s for, and where to go next, neither can a first-time visitor.
Sources
Attention above and below the fold: Nielsen Norman Group, “Scrolling and Attention”, published 15 April 2018. Eye-tracking across 120 participants and more than 130,000 fixations on a 1920×1080 screen, covering news, ecommerce, blogs, FAQ and encyclopedic pages. About 57% of page-viewing time above the fold; 74% within the first two screenfuls; more than 42% within the top 20% of the page; more than 65% within the top 40%. Two limits we state rather than bury: these are averages across page types and industries, not an ecommerce or homepage cut, and NN/g’s stated goal was to characterise general ranges of behaviour rather than analyse individual sites. NN/g’s 2010 equivalent was 80%, but measured on a 1024×768 screen against 1920×1080 in 2018, and NN/g explicitly declines to separate the effect of larger screens from any change in user behaviour, so we present it as a change in measured distribution and not as proof that people scroll more. https://www.nngroup.com/articles/scrolling-and-attention/
Speed of first impression: Lindgaard, Fernandes, Dudek and Brown, “Attention web designers: You have 50 milliseconds to make a good first impression!”, Behaviour and Information Technology 25(2), March to April 2006, pages 115 to 126. Nielsen Norman Group summarises it as a decision on aesthetics made as early as 50 milliseconds that rarely changes if you give people more time, and adds that first impressions go on to affect perceived usability and credibility as well as aesthetics. Nielsen Norman Group on first impressions
Carousel engagement: Erik Runyon, “Carousel Interaction Stats”, published 22 January 2013, measuring nd.edu from mid-October 2012. Approximately 1% of homepage visitors clicked a carousel feature; of the 28,928 clicks recorded, 84% landed on position 1 with the remaining four positions splitting roughly 4% each. Percentages are clicks measured against homepage visitors in Google Analytics. Note that the separately reported 315,665 figure counts manual feature rotations by users, not impressions, so it is not the denominator for the click rate. Three other Notre Dame sub-sites with static carousels returned 1.7% to 2.3% click-through with position 1 taking 48% to 62%, and one auto-forwarding carousel returned 8.8% with position 1 at 40%. We do not present that as evidence that auto-forwarding works: it is a sample of one, Runyon attributes the differences between his sites to audience rather than carousel type, and he points readers to Nielsen’s warning against auto-forwarding carousels. The data is from 2013 and from university rather than ecommerce sites, and it counts clicks rather than views. https://erikrunyon.com/2013/01/carousel-interaction-stats/
Homepage-specific compliance gaps: Baymard Institute, 2025 homepage and category navigation UX benchmark. 180+ leading US and European sites, 16,000+ UX elements manually reviewed and scored. 70% do not provide direct access to products in inspirational imagery; 55% use overly aggressive and distracting ads on the homepage; 59% do not provide the full scope for links on mobile homepages, which is a mobile-only measure. The other two are not device-split. Figures are quoted as Baymard states them. Published 6 August 2024, last updated 30 September 2025. https://baymard.com/blog/ecommerce-navigation-best-practice
Mobile share of ecommerce traffic: Siege Media, mobile vs desktop traffic share, last updated 11 August 2026. The study covers 13.4 billion sessions across 120 brands from 1 January 2023 to 30 June 2026; the ecommerce row within it reads 55.8% mobile across all traffic and 65.3% for the “typical site”, where each brand is weighted equally. The study covers only six months of 2026 and excludes tablet and smart TV traffic. https://www.siegemedia.com/research/mobile-vs-desktop-traffic-share
Stated as Fracto’s position, not research: the five-second phone test, and the split of what belongs above the fold against what can wait. These come from client work rather than a published study.