HomeWorkStudioServicesJournalStart a Project
← Back to Journal
StrategyFebruary 20265 min read

What Makes a Hero Section Actually Work

Most hero sections fail in the first five seconds. Here's what to put above the fold — and what to cut — so visitors stay long enough to care.

The hero section is the most expensive real estate on your website. It's the part everyone sees and the part everyone judges you on. And most of them are wasted.

You know the pattern: a stock photo of a smiling team, a vague headline ("Innovative solutions for modern businesses"), and a button that says "Learn More." It looks like a website. It does nothing.

A hero section that works has four parts. That's it.

1. A Headline That Says Something

Not a slogan. Not a tagline. A sentence that tells the visitor what you do and who it's for.

  • Bad: "Innovative solutions for modern businesses"
  • Better: "Brand strategy for SaaS founders"
  • Best: "Brand strategy for SaaS founders raising their Series A"
  • The more specific, the more it lands. You're not trying to appeal to everyone. You're trying to make the right person stop scrolling.

    2. A Sub-Headline That Earns the Click

    The headline gets attention. The sub-headline buys you another five seconds. Use it to answer the immediate question: "Okay, but how?"

  • "We turn raw research into positioning that sales can use, in two weeks instead of two quarters."
  • Concrete. Specific. Sets up the value before the visitor has to dig.

    3. One Call to Action

    One. Not three. Not "Learn More" *and* "Get Started" *and* "Watch Video." Pick the single most important next step and put it in front of them. If they want to do something else, the rest of the page is there for that.

    The CTA copy should match the user's intent. "Book a call" beats "Submit." "Start a project" beats "Get Started." Plain language always wins.

    4. Visual That Reinforces, Not Distracts

    The image, video, or graphic exists to support the headline — not to be the headline. A stock photo of generic professionals adds nothing. A screenshot of your actual product, a real photo of your real team, or a piece of work you've actually shipped does a lot.

    If the visual could be lifted out and replaced with a competitor's, it isn't pulling its weight.

    What to Cut

    Everything else. No animated background that fights for attention. No carousel that auto-rotates past the message before anyone reads it. No three competing buttons. No "scroll for more" hint when the page is already obviously scrollable.

    The hero section is a punch, not a paragraph. Throw one — and let the rest of the page do the talking.

    The Test

    Show your homepage to someone who's never seen it. Give them five seconds. Then hide it and ask them:

    1. What does this business do?

    2. Who is it for?

    3. What should you do next?

    If they can answer all three, your hero is working. If they can't, that's where to start.

    Vibe Studio
    What's Next?

    Let's write the next chapter.

    Every great project starts with a conversation.

    Start a Project