The hero section used to be a greeting. Now it’s the whole meeting. A reader who gets their answer from a chatbot, or from the top of a search result, never sees the second screen, never reads the testimonial carousel, never meets the smiling product shot on screen four. If the hero doesn’t close the loop in one glance, the visit is already over.
That shift deserves attention because the design decisions underneath it pull in two directions. One school still treats the hero as the top of a scroll journey. The other treats it as the only screen that matters.
Both can be right. The trick is knowing which reader you’re designing for.
The Scrolling Reader Never Fully Disappeared
Scroll has been rationed rather than killed. Nielsen Norman eye-tracking work still finds the bulk of page-viewing time concentrated in the first two screenfuls, with the top of the fold doing most of the work. Readers will go lower if the hero gives them a reason.
The design implication is almost old-fashioned. Build a hero that promises more below, then deliver on it. Think visual hierarchy, a sliver of the next section peeking above the fold, a headline that opens a loop the next block closes. This is the homepage as a magazine spread, where the top sells the turn.
For long-consideration purchases such as enterprise software, architecture firms, and custom manufacturing, this still works. A buyer who needs to trust you will scroll. They want the case studies, the client logos, the technical detail. The hero’s job is to earn the next three seconds, not the whole decision.
The Non-Scrolling Reader Is a Different Design Problem
The other reader shows up with an answer already in hand. They asked a chatbot which agencies to shortlist, which product fits their budget, which service covers their use case. By the time they land on your site, they’re verifying, not exploring.
Pew’s 2026 survey of AI use found roughly half of adults under 50 now use chatbots to look things up. These visitors arrive pre-briefed, often skeptical, and allergic to the slow reveal. If the hero doesn’t confirm what the model told them within one glance, they bounce back to the chat window and ask again.
This reader wants the hero to behave like a product label. What is this, who is it for, what does it cost, and what happens when they click. No scroll required to find any of those answers.
There’s a marketing-operations angle too. according to marketing agency Digital.Marketing, the brands adapting fastest are rewriting the hero and the structured data underneath it in the same sprint, so the one-screen answer a human sees matches the one a language model lifts.
Two Heroes Do Two Different Jobs
Hold the two readers side by side and the design choices sort themselves. Each hero is doing a different job for a different arrival pattern.
- The scroll-opener. Big mood image, short evocative headline, a secondary line that hints at the story below. Works when the sale needs trust and the reader expects to invest a few minutes. The success metric is scroll depth.
- The one-screen answer. Specific headline naming the category and audience, a concrete subhead with the actual offer, one primary action, and the proof the reader needs to believe you: a named client, a plain-English guarantee, a price range. The success metric is action from the hero itself.
- The hybrid. A one-screen answer on top, with a visible break into the next section that gives the scroller somewhere to go. Harder to design, but it’s where most sites land once they look at who shows up.
The Craft Has to Change With It
Designing for the non-scroller forces some uncomfortable edits. The oversized lifestyle photo loses its monopoly on the fold. The clever, abstract headline gives way to one that names what the company does in plain words. The secondary CTA, the one that used to say “Learn more,” either earns its keep with a specific destination or gets cut.
Typography has to do more with less. If the hero is the whole message, the headline carries weight it never used to. Line length, contrast, and the ratio of headline to subhead become the layout rather than a decoration on top of it.
Each Hero Still Has Its Moment
The scroll-opener still wins when the audience is researching, when the product is unfamiliar, when the brand is the point. Luxury, cultural institutions, long sales cycles, portfolio sites: these reward a hero that invites rather than one that closes.
The one-screen answer wins when the audience arrived with intent, when the category is crowded, when the competition is one tab away. Services, tools, direct-to-consumer products, anything a chatbot might have shortlisted: these reward a hero that verifies.
Most homepages serve both readers in some mix. The useful exercise is to open your analytics, name the dominant arrival, and design the hero for that reader first. Then give the other one a reason to keep going.
The homepage hero isn’t being killed by the non-scrolling reader. It’s being asked to do a harder job for a smaller window of attention, and the sites that notice are already redrawing the top of the page.
