← Back to Knowledge Graph

Three-Step Hero Section: What I've Got, How It Helps, What to Do Next

The Framework

The Three-Step Hero Section from Allan Dib's Lean Marketing prescribes the exact structure for the first thing every website visitor sees — the hero section above the fold. It must accomplish three jobs in under five seconds: (1) What I've got — communicate your offer clearly, (2) How it makes your life better — state the benefit in terms the visitor cares about, (3) What to do next — provide a specific, visible call to action. Anything else in the hero section is noise that dilutes these three jobs.

The Three Steps

Step 1: What I've Got. A clear, jargon-free statement of what you offer. Not your company name (they already know where they are). Not your mission statement (they don't care yet). Not your tagline (too clever, too vague). A plain statement: "We help real estate investors find off-market deals" or "A CRM built for agencies under $5M" or "Custom meal plans delivered weekly."

The test: if a stranger read only this line with zero context, would they know what you sell? If they need additional information to understand it, the line is too clever. Dib's Copywriting Commandment #2 (clarity above all) applies with maximum force to Step 1 because the hero section is where 80% of visitors decide whether to stay or leave.

Step 2: How It Makes Your Life Better. A benefit statement that translates your offer into the visitor's desired outcome. Not features ("AI-powered matching algorithm"), but benefits ("Find 5+ qualified off-market deals per month without cold calling"). The shift from "what it is" to "what it does for you" is the difference between information and motivation.

Dib's Magnetic Messaging Framework filter #1 — "about them, not about you" — is most critical here. The hero section must speak to the visitor's situation, not your company's capabilities. "We've been in business since 2005" is about you. "Stop wasting weekends on dead-end deals" is about them.

Step 3: What to Do Next. Two CTAs: a primary CTA for ready-to-act visitors ("Get Started" / "Book a Call" / "Start Free Trial") and a secondary, lower-commitment CTA for the risk-averse ("Download the Free Guide" / "Watch the Demo" / "See How It Works"). The dual-CTA approach captures visitors at different readiness levels without forcing a binary stay-or-leave decision.

The primary CTA should be visually dominant — larger button, brighter color, above the secondary option. The secondary CTA should be clearly visible but less prominent. The visitor's eye should naturally land on the primary first, with the secondary available as a softer alternative.

Why Five Seconds Matters

Studies consistently show that visitors form their stay-or-leave decision within 3-5 seconds of landing on a page. In that window, they're scanning — not reading — for answers to three unconscious questions: "What is this?" (Step 1), "Is it for me?" (Step 2), and "What should I do?" (Step 3). If any question goes unanswered, the default behavior is to leave.

Dib's Leaky Bucket Diagnosis identifies the hero section as the single highest-leverage fix for the 97% leak: most visitors leave because the hero section fails to answer their three questions in time. Fixing the hero section can double or triple landing page conversion rates without changing anything else on the page.

Cross-Library Connections

Hormozi's Call Out + Value + CTA from $100M Leads maps directly: Call Out = Step 1 (what I've got, for whom), Value = Step 2 (how it makes your life better), CTA = Step 3 (what to do next). Dib and Hormozi arrived at the identical three-part structure from different starting points.

Dib's Magnetic Messaging Framework provides the quality filters for each step: Step 1 must be easy to understand (Filter 2) with a clear audience (Filter 6). Step 2 must be about them (Filter 1), believable (Filter 3), and interesting (Filter 4). Step 3 must have a clear next action (Filter 7).

Hormozi's Value Equation from $100M Offers informs Step 2: the benefit statement should address dream outcome and perceived likelihood ("Find 5+ deals per month" = specific outcome) while implying low effort and time delay ("without cold calling" = reduced effort).

Implementation

  • Rewrite your hero section this week using the three-step formula. Clear offer → specific benefit → dual CTA.
  • Test the 5-second rule. Show someone your website for 5 seconds, then close it. Can they tell you what you sell, how it helps, and what they should do? If not, rewrite.
  • Remove everything else from the hero section. Navigation menus, social proof badges, partner logos — all valuable, but they go below the fold, not in the hero.
  • A/B test the benefit statement (Step 2) aggressively. The same offer with different benefit framings can produce 2-3x conversion differences.
  • Make the primary CTA impossible to miss. Large button, contrasting color, action-oriented text ("Get Your Free Audit" beats "Learn More").

    • 📚 From Lean Marketing by Allan Dib — Get the book