The hero section is the first screen a homeowner sees when your website loads. It is the part above the fold, before anyone scrolls. And it does more to decide whether that visitor becomes a phone call than every other section of your site combined.
Here is the uncomfortable math. A homeowner who clicks your site from Google gives you somewhere between three and five seconds before they decide to stay or hit the back button. In that window they are not reading. They are scanning for one thing: does this look like the company that can solve my problem, and how do I reach them. If your hero section does not answer that fast, they are gone, and they are clicking your competitor's listing instead.
We build and rebuild contractor websites every week. The hero section is where we see the same mistakes over and over, and they are all costing real calls. Here are the seven, and exactly how to fix each one.
Mistake 1: Your headline says what you are, not what you do for me
The most common hero headline on a contractor site is the company name and a tagline. "Smith & Sons Roofing. Quality You Can Trust." That headline is about you. The homeowner does not care about you yet. They care about their leaking roof.
A hero headline has one job: tell the visitor, in plain words, what you do and where you do it. "Roof Replacement and Storm Damage Repair in Ocean County, NJ" beats "Quality You Can Trust" every time, because it confirms in one glance that the visitor is in the right place. Specific service plus location is the formula. Say what you fix and who you fix it for.
The fix: Rewrite your headline to lead with the service and the service area. Save the brand personality for the logo. The headline is for confirmation, not poetry.
Mistake 2: The phone number is buried or missing
A contractor's website exists to make the phone ring. So it is genuinely strange how many of them hide the phone number in small text in a corner, or push it below the fold entirely. On mobile, where most homeowners are searching, the number should be visible the instant the page loads and tappable so it dials with one touch.
The fix: Put your phone number in the top right of the header, large, and make it a tap-to-call link on mobile. Add it as a button in the hero too. The easiest call to make is the one the customer does not have to hunt for.
Mistake 3: A stock photo of a house that is not yours
The hero image is the emotional gut-check, and stock photography fails it. A homeowner can smell a stock photo. The pristine suburban house with the impossibly blue sky reads as generic, and generic reads as "this could be anyone." Worse, a static image with text slapped over it is the single most forgettable layout on the internet because every template ships with it. It is one of the tells that makes a site read as generic, which is a big part of why every AI-built website looks the same.
Real photos of your real work outperform stock every time. The roof you actually installed, the bathroom you actually tiled, the truck with your logo in a driveway in a town your customers recognize. If the visitor sees work that looks like their house in their area, you have earned the next five seconds.
The fix: Replace stock hero imagery with your own job-site photography. If you do not have good photos, that is the highest-return afternoon of marketing work you can do. Better yet, a short looping video of real work in motion beats any still image for holding attention.
Mistake 4: No clear call to action, or five competing ones
Some contractor heroes have no button at all. Others have five: Call Now, Get a Quote, Book Online, Email Us, Learn More, all the same size, all shouting at once. Both are failures. The first gives the ready-to-act visitor nothing to click. The second paralyzes them with choice.
A hero needs one primary action, styled to stand out, and at most one secondary action in a quieter style. For most contractors the primary is "Call" or "Get a Free Estimate" and the secondary is a soft "See Our Work." One loud button, one quiet one. That is it.
The fix: Pick your single most valuable action and make it the one bold button in the hero. Demote everything else. Clarity converts; clutter does not.
Mistake 5: Generic button copy that says nothing
"Learn More." "Get Started." "Submit." These are the three most wasted words in web design. They are placeholders that somehow shipped to production. They tell the visitor nothing about what happens when they click, so they create hesitation at the exact moment you want momentum.
Button copy should describe the value the visitor gets. "Get My Free Roof Estimate" beats "Get Started." "See Our Recent Jobs" beats "Learn More." The more the button sounds like the thing the customer actually wants, the more they click it.
The fix: Rewrite every button to describe the outcome, in the customer's words. Specific beats clever, and both beat generic.
Mistake 6: It does not work on a phone
More than half of contractor website traffic is on a phone, and for emergency searches ("roof leak repair near me" at 9pm during a storm) it is far higher. Yet a huge number of contractor heroes are designed on a desktop and never checked on mobile. The headline gets cut off, the phone number disappears, the button falls below the fold, the background image crops to a meaningless corner.
The fix: Open your own site on your phone right now. If the headline, the phone number, and one clear button are not all visible without scrolling, your hero is failing the majority of your visitors. Design the mobile hero first, then scale up to desktop.
Mistake 7: It loads too slowly to matter
None of the above matters if the hero takes six seconds to appear. A homeowner on a phone on a cellular connection will not wait. Every second of load time past the first two or three measurably increases the number of people who leave before they ever see your headline. Oversized hero images are the usual culprit: a 12-megabyte photo that was never compressed, loading on a phone over a weak signal.
The fix: Compress and properly size your hero image. The visible quality difference is zero; the load-time difference is enormous. A fast hero is a hero people actually see. We dug into why speed quietly costs contractors leads in why your contractor site isn't ranking, and the same problem that hurts your rankings is bombing your conversions.
The pattern underneath all seven
Every one of these mistakes comes from the same root: building the hero around the business instead of the customer. The contractor wants to show the logo, the tagline, the awards, the pretty house. The customer wants to know, in five seconds, that you fix their problem in their town and here is the button to reach you.
Flip the hero to serve the customer's five-second scan and it starts working. Clear service-plus-location headline. Phone number you cannot miss. Real photo of real work. One bold button with copy that names the value. Fast, and flawless on a phone. That is the entire formula, and most of your competitors are getting it wrong, which is exactly why fixing it is worth the afternoon.
If your hero is making any of these seven mistakes and you would rather have it fixed properly than wrestle with it yourself, that is what we do. We build contractor and service-business sites where the first screen is engineered to turn a search into a phone call, not just to look nice. Send us your current site and we will tell you straight where it is leaking leads.