What a visitor must see in the first 5 seconds on your homepage

Someone opens your site on their phone, in a lift, one-handed. They have the top half of the screen — everything visible without scrolling — and about five seconds of patience. In those seconds they don't read. They glance. They decide one thing: "do these people do what I need or not?" If the answer isn't obvious, they hit back and open the next Google result. Not because you're worse — but because in five seconds they didn't understand what you are.

That top zone is called the hero. It's the most expensive slice of the whole site, because every visitor sees it and most never get below it. The rest of the page — services, gallery, "about us", reviews — only matters if the hero won those first five seconds. This article is only about that slice, not about which pages a site should have.

The three questions a hero answers instantly

The person landing at the top of the page asks, without realising it, three questions in order. The hero must answer all three before any scroll:

• What do you do? — Not "innovative solutions", but "we fix fridges", "we build websites", "we cut kids' hair". The words they'd use, not yours.
• For whom, and where? — "in Cluj and around", "for dental practices". People want to recognise themselves: "yes, that's my case".
• What do I do now? — One clear button. Call, Get a quote, Book now. If they don't know where to tap, they're gone.

If the visitor can't answer those three with their eyes on the first screen, the hero isn't doing its job, however pretty the background is.

The anatomy of a hero that converts

It's not magic — it's five pieces, in the order the eye catches them:

• The headline (H1) — a concrete promise, not a slogan. "Plumbing in Cluj-Napoca, with an invoice and a guarantee" beats "The comfort of your home" every time. Write the benefit, not the poetry.
• The subheadline — one sentence that says who you're for and kills the main doubt: "We come within 24h, we tell you the price before we start".
• The primary button (CTA) — just one, with a verb in your voice: "Get a quote", "Book a table". Not "Submit", not "Click here".
• The trust cue — a small line under the button: "over 200 jobs done", "real reviews on Google", a client logo. One sentence, not a paragraph.
• The image — a real photo of you, your team, your place. Not stock of people in suits shaking hands. The visitor smells the fake instantly.

The rule we work by: if an element doesn't help with one of the three questions, it doesn't belong in the hero. We push it lower or throw it out.

How much text you actually put there

Far less than you think. Up top the eye reads a headline and, at most, one subheadline sentence. The rest is noise the brain skips. A good hero reads out loud in two seconds, without stumbling.

• Headline: 5-9 words. If you can't read it in one breath, it's too long.
• Subheadline: one sentence, two lines max on a phone.
• Button: 2-3 words, a single verb.

The classic mistake is the manifesto paragraph at the top: three sentences about "our passion for quality". Nobody reads it. Move the story to "About us" and leave only the promise and the button up top.

The mistakes that drain the hero of power

We see them on nearly every site we take over:

• A carousel that rotates on its own — it swaps the message before you grab it and moves the button out from under your thumb. One clear message beats five that run away.
• Two or three equal buttons — when everything is important, nothing is. One primary button, the rest quiet.
• An empty slogan instead of a headline — "Onward together" doesn't say what you do. The headline is where you name the trade exactly.
• Text over a too-busy photo — if it can't be read on a phone, in sunlight, it can't be read at all.
• The button below the fold — if you have to scroll to see what to tap, half the people never see it.

The hero, translated by trade

The same three questions, dressed differently:

Notice: nowhere "welcome", nowhere "quality and professionalism". Just what you do, where, and what the person taps.

The best way to check: the 5-second test

Hand the phone with your site open to a friend who doesn't know what you do. Hold it five seconds in front of their eyes, then cover it. Ask: "what do these people do, for whom, and what would you tap?" If they hesitate on any of them, the hero has a hole. It's free and mercilessly honest.

If you want to dig deeper into how much text and how many pages a whole site needs, we have a separate guide on how much a website costs and one on why you need a website, which go beyond the first section.

What it costs to get the hero right

The hero isn't bought separately — it's the heart of the first page, and we design it in from the start on any package:

• Landing page (one page, everything built around that first screen and the button): €290-490
• Presentation site (several pages, a strong hero on each): €490-890
• Online shop: from €690
• Maintenance (we change the message, the offer, the photo when you need): from €29/month

The price depends on how many pages you want and how much content you have ready. A well-thought hero costs the same as a bad one — the difference is that one fills the calendar and the other doesn't.

Let us show you, not tell you

The easiest thing is to see it with your own eyes. We'll build you a free first-page demo, with a hero fitted to your business — the message, the offer, the button — and you decide on the spot if you like it. Message us on WhatsApp at wa.me/40750257140 and tell us what you do. We'll handle the rest.