You spent real money to get someone onto your landing page. A click on Google or Meta is not free, and you paid for that one. Then, in about the time it takes to read this sentence, your visitor decides whether to stay or leave.
That decision happens in the hero: the top of the page, the part they see before scrolling. Most people never get past it. If the hero does its job, they keep reading, and some of them convert. If it does not, the other seventeen things you carefully built into the page might as well not be there. Nobody scrolls to a testimonial they were never given a reason to reach.
Here is the uncomfortable part. Most heroes are built to look good in a portfolio, not to answer the questions a real visitor is actually asking. They lead with a company name, a clever tagline, or a stock photo of two people shaking hands. The visitor gives it five seconds, gets no answer, and hits the back button. The click you paid for evaporates, and you go blame the ad.
A hero is not a mystery, though. It has a job, and the job is specific. Let's walk through exactly what it needs to do.
Your Hero Isn't a Billboard. It's a 5-Second Interview.
When someone lands on your page, they are not admiring your design. They are running a fast, silent interview, and you have about five seconds to pass it. Three questions, always in this order:
- Is this for me?
- Do I believe you?
- What do I do next?
If the answer to any of the three is unclear, they leave. Not because they are impatient, but because the internet has trained everyone to bounce the instant a page feels like the wrong place. They are protecting their own time, and the back button is free.
The useful thing about those three questions is that they tell you what every piece of the hero is for. The headline and subhead answer "is this for me." A trust cue answers "do I believe you." The button answers "what do I do next." That is the whole hero. Everything in it should be pulling its weight against one of those three questions, and anything that is not is just taking up the most valuable space on your entire site.
So before we get into individual pieces, hold that standard over the top of your page: three questions, five seconds, in order. The rest of this is just how to answer each one well.
Lead With the Outcome, Not Your Company Name.
The single most common hero mistake is a headline that is about the business instead of the visitor. "Welcome to Ace Plumbing." "We're a full-service digital marketing agency." A clever three-word tagline that means nothing to anyone who does not already work there. The visitor's honest, instant reaction to all of these is the same: so what?
Your headline has exactly one job. Name the outcome the visitor came for, in the words they would use. They did not wake up wanting your company. They woke up wanting a dry basement, more qualified leads, a working furnace, a website that converts. Lead with that.
Watch what happens when you rewrite for the outcome:
- "Ace Plumbing - Quality Service Since 1998" becomes "Burst Pipe? We Can Be There Within the Hour."
- "We're a full-service digital marketing agency" becomes "Get More Customers From Google Without Wasting Your Ad Budget."
- "Transforming Spaces, Elevating Lives" becomes "Your Kitchen Remodel, Done in Three Weeks Instead of Three Months."
None of the rewrites are clever. They are clear, and clear wins every time on a page where you have five seconds. There is a simple test for this. Read your headline out loud, then answer "so what?" as a skeptical stranger who has never heard of you. If your headline already answers it, you are done. If your only honest response is a shrug, the headline is about you, not them.
One more nudge: specificity beats cleverness. "Within the hour" beats "fast, reliable service." "Three weeks instead of three months" beats "efficient timelines." A real number, a real timeframe, a real result gives the visitor something to hold onto, and it signals that you actually know your business rather than hiding behind adjectives.
The Promise on the Page Has to Match the Promise in the Ad.
Your visitor did not arrive by magic. They clicked an ad or a search result that made them a specific promise, and they showed up expecting you to keep it. The fastest way to lose them is to change the subject the moment they land.
If your ad said "Free Roof Inspection" and your hero says "Schedule a Consultation," you just broke the promise. It does not feel like a broken promise to you, because you know they are the same thing. It feels like one to the visitor, who clicked on a specific offer and now has to work to figure out if this is even the right page. This is called message match, or scent match, and it is one of the top three reasons paid traffic bounces. When the words on the page echo the words that won the click, the visitor relaxes. When they do not, a flicker of doubt shows up at exactly the moment you needed trust, and doubt at second three is a bounce.
The fix is not complicated. The hero of a page built for a specific ad should repeat that ad's core promise, close to word for word. One offer, one page. If you are running three different ads with three different hooks, they should not all dump into the same generic homepage-style page. They should each land somewhere that finishes the sentence the ad started.
Here is the part most agencies will not mention, usually because they run the ads but do not build the page. Google and Meta both watch how well your landing page matches your ad. When it matches, your quality and relevance scores climb, and they literally charge you less for the same click. When it does not match, you pay a premium for traffic and then lose it on arrival. So a mismatched hero is not just a conversion problem, it is a cost problem. Getting this one thing right can lower what you pay per click and raise the share of those clicks that convert, on the exact same budget. If you have ever felt like your conversions were vanishing before you could count them, start by proving they aren't just going untracked, then come back and check the match.
One Sentence to Say How, and Who It's For.
If the headline makes the promise, the subhead makes it believable and points it at the right person. You get one sentence, sitting just under the headline, and it has two quiet jobs.
The first is to say how. The headline named the outcome; the subhead names the mechanism or the difference that makes the outcome credible. "Get more customers from Google" is the promise. "We build and manage the campaigns, you approve the plan, and you get a plain-English report every month" is the how. Without it, the headline is just a claim. With it, the claim has a shape.
The second job is to say who. The best subheads quietly draw a circle around the right visitor, and just as quietly leave the wrong one outside it. "For Shopify stores doing $50,000 a month or more" tells your ideal customer they are in the right place, and it tells the tire-kicker who will never buy that they are not. That is not a bug. A bad-fit lead still costs you a sales call, a follow-up, and a no. A subhead that filters is doing free qualifying work at the top of the page, before anyone fills out a form.
Keep it to a sentence. The subhead is a clarifier, not a second paragraph. If it runs long, you are asking the visitor to read an essay during the five seconds they were willing to give you a glance.
If the Button's Below the Fold, It Doesn't Exist.
The entire point of the hero is to make the next step obvious and easy. That falls apart the moment the button is not actually visible. Your primary call to action has to be on screen without scrolling, and it has to be there on a phone, because that is where most of your traffic actually is. A button that only shows up after a scroll is a button a large chunk of your visitors will never see.
One button, one job. When you make a visitor choose between "Get a Quote," "Learn More," "Call Us Today," and "Download the Guide," all crowded into the hero, you have not given them options. You have given them a decision to make before they have decided anything, and a visitor who has to think is a visitor who leaves. Pick the single most important action and let it stand alone. The other stuff can live further down the page.
Then fix the words on the button. "Submit" and "Learn More" are dead labels that describe the mechanics of clicking rather than what the visitor gets. Say what happens next: "Get My Free Quote," "Check Availability," "Start My Free Trial," "Book My Call." And put one short line of reassurance right underneath it, because the moment just before a click is the moment doubt spikes. "Takes 30 seconds." "No obligation." "No credit card needed." "We'll call you back within the hour." A single line of microcopy under the button routinely lifts conversions more than any color change ever will.
Show the After. Not a Stock Handshake.
The hero image is not decoration, and it is the piece most often wasted. The default move is a stock photo: a headset smile from a call center, a team high-five in a glass conference room, a laptop on a tidy desk shot from above. None of it says anything, and your visitor has seen all of it a thousand times.
The image should show the after. The state your visitor wants to be in once they have what you sell. The remodeled kitchen, not the contractor's logo. The product in a real hand, being used, not floating on white. The clean dashboard with real numbers on it. The relieved homeowner standing in a dry basement. People imagine themselves into a concrete outcome, and they cannot imagine themselves into a gradient or a handshake. When you are choosing between an image that looks polished and an image that shows the result, pick the result every time. The hero visual should be making your argument, not filling a rectangle.
Give Them One Reason to Believe You, Right Here.
Question two in that silent interview was "do I believe you," and most pages answer it far too late. The proof lives way down the page, in a testimonials section the skeptical visitor never scrolls to, because they bounced up top when they could not tell if you were legit. Move one piece of that proof into the hero.
You only need one. A real star rating with the count next to it. A specific number of customers served. One genuinely recognizable client logo. "Licensed and insured." "Trusted by 2,847 homeowners in [your county]." The one thing that matters is that it is specific. "Thousands of satisfied customers" is wallpaper; nobody believes it and nobody remembers it. "2,847 homeowners" sounds true because it sounds counted. Specific is believable, and believable is what gets someone past the hero and into the rest of the page.
You do not need a wall of social proof at the top. You need one honest, concrete reason to keep reading, placed where the doubt actually happens, which is right next to the button.
Run the 5-Second Test on Your Own Hero.
Here is the whole article turned into one exercise you can do this afternoon, for free, without a designer or a developer.
Pull up your landing page and show just the hero to someone who has never seen it. A neighbor, a coworker, your spouse, anyone outside your business. Let them look for five seconds, then take it away and ask three questions:
- What does this company do?
- Who is it for?
- What would you do next?
If they answer all three cleanly, your hero works. If they hesitate on even one, you just found your leak, and you found it before it cost you another month of ad spend. Do it with three or four different people and the pattern shows up fast; the same question trips everyone up in the same place, and that is the thing to fix first.
While you are in there, run the hero against a short checklist:
- The headline names the outcome, not the company.
- It matches the promise in the ad that sent the traffic.
- The subhead says how it works and who it's for.
- There is one primary button, visible without scrolling, on desktop and phone.
- The button says what happens next, with one line of reassurance under it.
- The image shows the result, not a stock scene.
- There is one specific proof point near the button.
None of this needs a redesign. It needs you to decide the hero has three questions to answer and then cut everything that is not helping answer them. Most of the work here is subtraction, not addition.
We build and test these pages all day, and a weak hero is the single most common reason good ad money quietly underperforms. If you would rather have someone find the leak for you, send us the page you are running traffic to and we will show you where it is losing people. And if you would rather do it yourself, you now have the test, so go run it. Either way, you come out ahead of the version of you that was still leading with the company name.
