Your Homepage in 5 Seconds: What Customers Need to See First

Small business homepage essentials: what must appear in the first 5 seconds — your trade, area, and phone number — and why most sites get this wrong.

Small business homepage essentials come down to one challenge: making the right impression in five seconds or less. That’s roughly how long a visitor spends deciding whether to stay or leave your page. For tradespeople especially, the homepage isn’t a brochure — it’s a split-second filter. Can this person do what I need? Are they near me? How do I call them? If those questions aren’t answered immediately, the visitor is gone.

This post covers exactly what needs to be visible above the fold (before scrolling), the most common homepage mistakes that lose calls, and how to structure your hero section for maximum enquiries.

The 5-second test: small business homepage essentials your visitors check immediately

There’s a simple exercise called the 5-second test: show your homepage to someone who’s never seen it. After five seconds, ask: what does this business do? Where do they work? How do you contact them? If they can’t answer all three, your homepage is failing.

Most trade websites fail this test. Not because they’re unprofessional — they might look clean and smart — but because the essential information is buried. The trade name is in a small font at the top. The service description is vague (“quality workmanship delivered with a smile”). The phone number is only in the footer. The area covered is nowhere to be seen.

Picture a Sheffield bathroom fitter with a visually attractive website that consistently fails the five-second test. Visitors can’t tell from the homepage whether he covers their area, what his speciality is, or how to reach him. His enquiry rate is poor despite decent traffic. One redesign putting core information front and centre improves his call rate by 60% without changing a single word of copy on any other page.

The test is free to run: email your homepage URL to a friend or family member who’s never seen your business online, and ask those three questions. Their answers will tell you more than any analytics tool.

What you do, where, and how to reach you

These three pieces of information are the non-negotiables of every trade homepage. They need to be legible above the fold on mobile — without scrolling, without zooming.

What you do: Not “premium quality services” or “professional tradespeople.” Specifically: “Plumber,” “Gas Safe Registered Engineer,” “Electrician and EV charger installer,” “Painter and decorator covering South Yorkshire.” One clear sentence.

Where you work: Your town, city, or the areas you cover. “Based in Exeter, covering Exmouth, Tiverton and the surrounding area.” If you work across multiple postcodes, list the main ones. Customers want to know they’re in the right place before they read anything else.

How to reach you: Phone number, visible and clickable. Not just in a menu or footer — in the top section of the page. On mobile, it should be a large, tappable button. On desktop, a clearly styled number in the header that stands out from the rest of the design.

The hero section: headline, photo, call button

The “hero section” is the top block of your homepage — the large area with a headline, often a background image, and a main call-to-action button. It’s the most valuable real estate on your website.

For a trade website, the hero section should contain exactly these elements:

Headline: A benefit-led statement that identifies your trade and area. “Fast, reliable plumbing across Greater Manchester.” “Trusted electricians in Brighton — domestic and commercial.” Short. Specific. Clear.

Subheading (optional but useful): One line that adds a key differentiator. “Gas Safe registered. Available for emergency callouts.” “NICEIC approved. Free quotes within 24 hours.”

Photo: A real image of your work, your van, or you/your team on a job. Not a stock photo. Not a generic house. Something that shows what you actually do.

Call button: Large, high-contrast, immediately visible. “Call Now,” “Get a Free Quote,” or simply your phone number as a button. This is the most clicked element on a mobile trade homepage. Make it unmissable.

No sliders, no animated backgrounds, no long paragraphs of text in the hero. Clean, focused, and fast to load.

Trust signals in the first screen

For more on what pages your site needs beyond the homepage, see our guide to what pages every business website needs. And for the full picture on what makes a trade website convert, see what makes a great trade website.

A potential customer visiting your site for the first time is asking one silent question: can I trust this person? Trust signals in the hero section — or immediately below it — answer that question before the visitor has read a word.

Trade-specific trust signals:
Accreditation logos: Gas Safe badge, NICEIC, NAPIT, TrustMark, CHAS, FMB — display any that apply prominently
Years of experience: “Established 2011” or “Over 15 years in [trade]” adds immediate credibility
Review count and rating: “★★★★★ 74 Google reviews” — this is one of the most powerful trust signals for conversion
Insurance and guarantee mentions: “Fully insured” or “All work guaranteed” — brief but impactful

Imagine a Derby tiler who adds his Gas Safe logo and review count to his above-the-fold section and sees enquiries increase noticeably within weeks. The site content is identical — just the trust signals are made more visible.

Common homepage mistakes that lose calls

These are the most frequent homepage errors on trade websites:

Phone number only in the footer: Move it to the header, make it clickable on mobile. The footer is where things go to die.

Hero image is a stock photo: Generic builders/workers stock photos undermine authenticity. Use your real work, your real van, your real face.

No clear service or area statement: “Welcome to Smith’s Building Services” tells a visitor nothing. “Sheffield-based builders specialising in extensions and loft conversions” tells them everything they need in one sentence.

Too much text above the fold: Paragraphs of copy before the visitor has decided whether to stay. The first screen should answer the three core questions, then invite the visitor further in with detail.

Slow loading hero image: A beautiful full-screen image that takes five seconds to load costs you the visitors who leave before it appears. Compress images to under 200KB for hero sections.

No mobile click-to-call: The most common and most costly mistake. Fix it first.

Desktop vs. mobile hero layouts

The hero section behaves very differently on desktop and mobile — and since most of your visitors are on mobile, design the mobile version first.

Mobile hero: Stack elements vertically. Logo/name at top. Headline below, large enough to read without zooming. Photo below that, cropped tightly. Call button spanning the full width at the bottom. Navigation should collapse to a hamburger menu. The entire hero section should be visible without any scrolling on a standard phone screen.

Desktop hero: More space allows a side-by-side layout — text and CTA on the left, photo on the right. Navigation spans the full header. Phone number can appear alongside logo in the header bar. More visual detail is possible without compromising speed, since desktop connections are typically faster.

Most local searches are on mobile, and most conversions from those searches happen because the mobile experience is frictionless. Desktop matters, but mobile is the priority.

See your homepage redesigned, free

If you’re not sure whether your current homepage passes the five-second test, or if you want to see what small business homepage essentials look like applied to your specific business, our free mockup shows you exactly that.

We design a version of your homepage — your name, your trade, your area, your colours — and show you how it looks on both mobile and desktop. No cost, no obligation, no generic templates. You see your actual business, designed properly.

FAQs

What should be on the top half of a trade website homepage?

Your trade and service area (in plain language), a real photo, a visible phone number (click-to-call on mobile), and at least one trust signal — your review count, an accreditation badge, or years of experience. Everything else can come below the fold.

How many words should a trade homepage have?

The above-the-fold section should be minimal — headline, subheading, photo, button. Total homepage copy (including all sections below the fold) should typically be 400–800 words. Enough to cover your services, area, reviews, and a clear CTA — but no more.

Should I have a video on my trade website homepage?

Only if the video is short (under 60 seconds), auto-plays without sound, and loads quickly. Videos can build trust but often slow pages down significantly. A well-chosen still image performs just as well for most trade businesses without the technical overhead. For more on the speed impact, see our website speed guide.


See what your homepage could look like with all the essentials in place. Get your free mockup — no cost, no obligation.

Ivan Siyanko