There is a moment, in the experience of almost anyone who builds a website for the first time, when the question arises: what exactly should go at the very top? That large area — the bold headline, the line or two beneath it, the button — is the hero section. It takes its name from the "hero image" tradition, the dominant photograph placed to make an immediate impression. Over time, the term expanded to mean the whole introductory block, with or without a photograph.
It is, in the geography of a website, the most valuable ground. Everything a visitor sees before they scroll further.
Why the Hero Section Matters So Much
A visitor arrives at your homepage carrying a question. They have perhaps searched for something specific, clicked a result, and landed here. What happens in the next few seconds will determine whether they stay or go back and try the next link — and that decision is made almost entirely on what the hero section tells them.
This is not a harsh judgement on the visitor's part. It is simply how attention works on the internet. If the hero section cannot tell them immediately whether they are in the right place, they have no particular reason to scroll further and find out.
The consequences are real and specific. Someone searching for a plumber in Sheffield who arrives at a homepage reading "Serving our customers with pride" over a blurry stock photograph has learned nothing useful. They will leave. The business lost them not through any failure of service or reputation, but through a failure to say, at the first moment of contact, what they actually do.
The Three Questions a Hero Section Must Answer
Before thinking about design, colours, or photography, there are three questions worth answering plainly — and they are worth naming here, because most hero sections fail at least one of them:
- What do you do? State your service in plain English. Not "bespoke solutions" — "kitchen fitting", "window cleaning", "accountancy for sole traders".
- Who do you do it for? Mentioning your location or customer type immediately reassures the right visitors that they are in the right place. "Based in Leeds", "for homeowners in the East Midlands", "for creative freelancers" — even a short qualifier helps enormously.
- What should I do next? Give visitors one clear next step. A button that says "Get a free quote", "Book a call", or "See our work" removes the uncertainty about what to do after reading your headline.
A hero section that answers all three in plain, direct language will outperform a beautifully designed hero section with a vague headline every time.
What Should Go in the Headline?
The headline is the single most important piece of text on a website. It should describe what the business does clearly enough that a complete stranger would understand it in one read — no prior knowledge required, no context assumed.
Clever wordplay and motivational slogans are tempting for headlines. "Transforming Spaces, Elevating Lives" has a satisfying ring to it. But it tells the visitor nothing — and visitors are not here to be impressed, they are here to find out if this is the right place. "Bathroom and kitchen renovations across West Yorkshire" does that work immediately.
A formula that holds up well for most small service businesses: [What you do] for [who you do it for] in [where you work]. "Reliable boiler servicing for homeowners across Manchester." It is not poetic. It does not need to be. It answers the question before the visitor has finished reading.
What About the Supporting Text?
Below the headline, most hero sections include one or two sentences of supporting text — a chance to add a little more: experience, a key distinction, the quality of the work. One to three sentences is right. Think of it as what a trusted friend might add after introducing you: "He has been doing this for fifteen years and always turns up on time."
This is not the place for a full company history. It is the place for the one thing that tips a hesitant visitor into staying.
Does a Hero Section Need a Big Photo?
Not necessarily. Many of the most effective small business hero sections use a strong coloured background and clear text rather than a full-width photograph. A large photo can look impressive, but a generic stock image of a smiling person in a hard hat adds nothing, and visitors sense its inauthenticity in the same way one senses a forced smile.
If there is a photo, the most valuable choice for a local service business is a genuine image of the work — a finished bathroom renovation, a completed garden, a before-and-after from a real job. Real work, honestly photographed, builds more trust than any image from a library.
If good photos do not exist yet, a clean hero section with a strong headline on a solid background is the better choice. Honesty of presentation, however simple, outperforms distraction every time.
The Button: Make It Obvious
The call-to-action button should be the most visually prominent element on the page. It needs to stand apart from the background and the text around it. The label should say precisely what happens when clicked — "Get a free quote", "Call us now", "See our portfolio" — rather than something vague like "Learn more" or "Click here", which tell the visitor nothing.
Most visitors who arrive on a homepage and convert into enquiries do so by pressing this button or clicking a link in the navigation. Making that moment easy and unambiguous is one of the most straightforward improvements any small business can make to their site.