Most websites fail in the first three seconds. Not because the design is ugly — usually the opposite, the design is over-designed — but because the visitor can't answer three questions before they decide to stay or leave. What is this? Who is it for? What do I do next? Miss any one of those and the bounce happens before your hero animation finishes loading.
Pretty doesn't sell. Clarity sells. This is the exact four-section structure we use on every B2C site we ship at Techxero — and the reasoning behind why each section earns its place.
§Section 1 — Hero that answers three questions in five seconds
The hero is not a brand statement. It's not a tagline. It's a contract with the visitor that the next thirty seconds will be worth their time. Three elements: the outcome you create (in their language, not yours), the specific audience (so the wrong audience leaves voluntarily — which is a feature, not a bug), and one CTA that maps to where they actually are in their decision.
- Outcome in plain English (‘Book 30+ qualified calls a month’, not ‘Unlock B2B growth’)
- Audience qualifier (‘for B2B service businesses under $5M ARR’)
- One CTA — never two competing. ‘Book a call’ or ‘See the playbook’, not both
§Section 2 — The pain mirror
Right after the hero, you reflect the problem back at the visitor in language so specific they feel it. Most homepages skip this and jump straight to features. The result is a buyer who's intellectually convinced but emotionally absent — and emotional absence is what kills conversion.
The pain mirror does one job: it makes the visitor go ‘oh, that's me.’ Two or three sentences. Specific, almost embarrassing details. Bonus points if you quote a real client's words back, lightly anonymised.
"If your homepage doesn't make at least one visitor say ‘this is creepy, how do they know’, your pain section is too generic."
— Conversion review, 2026 cohort
§Section 3 — Proof, not adjectives
Most ‘proof’ sections are decorative. Logos in a row. ‘Loved by 500+ teams.’ Generic adjective-stuffed testimonials. None of it lands. Real proof has three components: a number, a face, and a name. Or a result, a quote, and a context. The more specific, the more it converts.
- Hard numbers (revenue, time saved, response rate, % lift) — never round, never approximated
- Real faces with real names — stock photo testimonials kill more trust than they build
- Context — industry, company size, and the situation before they hired you
§Section 4 — Single CTA, one path forward
The biggest mistake on B2C homepages is the buffet problem — five different CTAs competing for the same click. ‘Shop now’, ‘Learn more’, ‘Book a demo’, ‘Read the blog’, ‘Subscribe.’ When you give a visitor five doors, most of them pick none. When you give them one, the conversion is 3–4× higher even if the door isn't perfect.
Pick the single highest-value action for the visitor at that stage and make every other element on the page point toward it. Secondary content (blog, careers, story) belongs in the nav or footer — not in the conversion path.
§The order of operations matters
Hero → Pain → Proof → CTA isn't optional ordering. It's psychological sequencing. The visitor needs to (1) understand, (2) feel seen, (3) believe it's possible, (4) take the next step — in that exact order. Skip step 2 and the visitor stays sceptical. Skip step 3 and they don't trust the outcome is real. Skip step 4 and you've educated them for free.
Reading the memo is free. Installing the system is the engagement.
If this maps onto a gap in your own operating model, the diagnostic intake is the next step.
The next memo, delivered when it ships.