Loading...

Conversion Rate Optimization Home Page & Navigation

Your Hero Section Must Answer 3 Questions in 3 Seconds

Your hero must answer three questions in 3 seconds: what do you sell, why you, what should I do next.
← All 100 tips  ·  Tip 10 of 100  ·  91 days to Cyber Monday

Your home page hero has about three seconds to answer three questions: what do you sell, why should I buy it from you, and what should I do next. A first-time visitor who cannot answer all three from your opening screen does not scroll down to investigate. They leave, and they take your ad spend with them.

The test is brutal and free. Show your home page to someone who has never seen your store for three seconds, then hide it and ask the three questions. Most merchants who try this get a nasty surprise, because the hero says something like “Elevate Your Everyday.” Elevate what? With what? Candles? Software? Protein powder? Your brand team knows. The stranger with the credit card does not.

.ds-t010-wrap{max-width:760px;margin:36px auto;font-family:-apple-system,BlinkMacSystemFont,’Segoe UI’,Arial,sans-serif} .ds-t010-box{background:#f8f9ff;border:1px solid #e4e2f5;border-radius:14px;padding:26px 28px} .ds-t010-title{font-size:15px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#4F46E5;margin:0 0 4px} .ds-t010-sub{font-size:14px;color:#6b7280;margin:0 0 20px;line-height:1.5} .ds-t010-body{display:flex;gap:16px;align-items:stretch} .ds-t010-vp{background:linear-gradient(140deg,#efeef8,#e2e0f4);border:2px solid #d9d6f0;border-radius:14px;flex:1;max-width:400px;margin:0 auto;padding:34px 26px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;position:relative} .ds-t010-h1{font-size:19px;font-weight:800;color:#12102e;line-height:1.3} .ds-t010-h2{font-size:13px;color:#4b4869;line-height:1.5} .ds-t010-cta{background:#4F46E5;color:#fff;font-size:13px;font-weight:800;border-radius:8px;padding:10px 18px;margin-top:4px} .ds-t010-tags{flex:none;display:flex;flex-direction:column;justify-content:space-around;gap:10px} .ds-t010-tag{background:#fff;border:1px solid #e4e2f5;border-left:4px solid #4F46E5;border-radius:8px;padding:10px 12px;max-width:220px} .ds-t010-q{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#4F46E5} .ds-t010-a{font-size:12.5px;color:#6b7280;line-height:1.45;margin-top:2px} .ds-t010-foot{font-size:13px;color:#6b7280;margin:18px 0 0;line-height:1.55;text-align:center} @media (max-width:620px){ .ds-t010-body{flex-direction:column} .ds-t010-tags{flex-direction:column} }

A hero that passes the 3-second test

Every element earns its place by answering one of the three questions.

Barefoot-feel running shoes, built for pavement
Wide toe box, zero drop, 4.8 stars from 2,300 runners. Free returns for 60 days.
Shop bestsellers
Q1: What do you sell?
The headline names the product category in plain words. No poetry.
Q2: Why you?
The subline carries the differentiator and borrowed proof.
Q3: What next?
One dominant call to action, pointed at your strongest entry collection.

Run this on your phone viewport too: on mobile, the three answers have even less room to hide.

The common failure modes

  • Poetry where the category should be. Vague mood headlines are a luxury for brands with national ad budgets. Everyone else leads with what the thing is. Clever comes second, clear comes first.
  • A carousel of five heroes. Rotating banners answer the three questions five different ways, which is the same as not answering them. Pick your best message and give it the whole stage.
  • Three competing CTAs. “Shop Men,” “Our Story,” “Join the Club” in equal weight is a shrug. One primary action, visually dominant. The rest can live in the nav.
  • Answers hiding below the fold. If “why you” only appears in a features section two scrolls down, it does not exist for the visitor who never scrolls.

Returning customers do not need the hero; they head straight for new arrivals or search. The hero exists for the first-timer arriving cold from an ad or a shared link, exactly the traffic that spikes in Q4. Fix it now, run the three-second test on a stranger, and your most expensive clicks stop bouncing off a riddle.

← All 100 tips  ·  Tomorrow, tip 11: your funnel is leaking in one spot more than all the others. We go find it.