Design · Oct 2025 · 6 min

Why your homepage hero shouldn't be a hero

The single biggest mistake we see in B2B marketing sites: the hero argues for the company instead of the visitor.

The standard B2B hero is a poster. A giant headline about you. A subheading about your platform. Two buttons pointed at the person you wish was reading — usually 'Book a demo' and 'Sign up free'. It works fine when nobody is paying attention. The problem is that the visitor is paying attention. They are, right now, in a single second, deciding whether to scroll. And every hero we've ever tested that argued for the company lost that second more often than it won it.

Rewrite the hero to argue for the visitor and the numbers move. Not by a little — meaningfully, and immediately. We've replaced the hero on three Fortune 500 sites in the last year with a variant of the same idea: a single proposition addressed to the reader, framed as their situation and not our product, followed by an unmissable invitation to keep going. Time-on-page, scroll depth, and demo requests went up on all three. In two cases the incumbent hero was designed by a well-known agency; in one, by an internal team who had A/B-tested three variants against each other and picked the winner. Winning against three losers is not the same as winning.

The mechanic that fails is subtle. When your hero opens with a claim about you — 'The leading platform for X', 'The fastest way to Y' — the reader has to make two decisions to keep scrolling: whether they believe the claim, and whether the claim applies to them. Most readers, given two decisions in one second, make neither. They scroll past, and every subsequent section is now working against the memory of a headline they didn't finish reading. When the hero opens with the reader's situation — 'Your finance team is closing books three days late' — you have removed the first decision. The reader recognises themselves in the sentence, or they don't. If they do, they will keep going. If they don't, they were not going to buy your product anyway, and you have not wasted a second of their attention pretending otherwise.

Make the hero about the scroll. Not 'sign up' — scroll. Earn a scroll and you've earned a chance. This means, uncomfortably, that the hero cannot be the finished argument. It has to be a doorway. Doorways look empty next to posters, and every review cycle inside a company will pressure you to fill the space with something that feels like value: proof points, awards, a customer logo grid, a screenshot. Resist. Every filler element in a hero is a hairline crack in the door. The moment there are six things to look at in the first fold, the reader stops looking at any one of them and starts looking at the scroll bar.

There is a legitimate objection here: heroes for different audiences look different. A hero for a landing page from a paid ad, where the visitor has clicked because a headline hooked them, can and should reprise that headline verbatim. A hero on a homepage a curious founder just googled has a colder job, and needs to move faster from recognition to permission. Don't reuse the same hero across every audience the way most teams do. Design at least two: one for known-intent traffic, one for cold traffic. Then remember that the cold hero is the harder one and the one everyone underweights. It is the one that decides whether a stranger becomes a reader.

Your hero is a doorway, not a billboard. Doorways are quiet. They earn the second decision — to enter — by making the first decision — to look — feel like a courtesy rather than a demand. That is a small distinction. It is worth an outsize amount of revenue.

Talk to the studio →