The 3 second rule: what a customer must see first on your trade website
Someone's kitchen tap won't stop dripping. They search on their phone, tap your website and look at the first screen. In about three seconds they've decided whether to stay or go back and try the next one.
That's what web designers call the 3 second rule. It isn't a law and nobody's timing it. It's just a way of saying that people make up their minds very fast, especially on a phone, and the first screen does most of the work.
For a trade website, the first screen has one job: tell the customer they're in the right place and show them how to get in touch.
The four things the first screen must answer
When someone lands on your site, they're asking four questions, mostly without realising it:
What do you do?
Do you work where I am?
How do I get hold of you?
Can I trust you?
If the first screen answers all four, they stay. If they have to scroll, pinch or think, a lot of them leave.
1. What you do, in their words
Your headline should say your trade and your area in plain English. "Plumber in Maidstone and Medway" works. "Welcome to our website" doesn't. Neither does "Delivering excellence since 2009".
Use the words customers search for. They search "boiler repair", not "heating solutions". They search "electrician", not "electrical contractor services".
2. Where you work
Name your main towns near the top. People want to know straight away whether you'll come to them. It also helps Google show you to the right people.
We recently came across a stonework company that works all over Kent, but their website only ever mentions London. Kent doesn't appear once. Anyone in Kent who lands on it reasonably assumes they're in the wrong place.
3. How to get in touch, with one tap
On a phone, that means:
A big button that rings you. Not a phone number written in tiny text that people have to copy.
A second way in for people who'd rather not call, such as a job request form where they can add a photo and a postcode.
Put them both on the first screen. If someone has to scroll to the bottom to find your number, you've made it harder than it needs to be.
4. A reason to trust you
One line or one row is enough on the first screen:
your star rating and how many reviews
your accreditation, such as Gas Safe, NICEIC, NAPIT or TrustMark
how long you've been going
a real photo of you, your van or your work, never a stock photo
What kills the first three seconds
These are the things we see most often on trade websites:
A slider of stock photos that takes ages to load and says nothing.
A pop up asking for an email address before the customer has even seen what you do.
A business name instead of a trade. We came across an air conditioning engineer whose website, made with an AI site builder, had a made up name that wasn't the business and never actually said air conditioning.
Out of date signs: a copyright year from 2019, a "coming soon" page or a news section last updated three years ago. We came across a plumber whose website hadn't been touched since 2023. To a customer, that reads like "are they still trading?"
Too much text before the first button.
We just did this to our own home page
This week we cleaned up our own home page using exactly this rule. The first screen used to have a headline, a line underneath, two buttons, then two paragraphs and a divider. We moved the two paragraphs further down the page, kept one short line under the buttons ("30 day money back guarantee. No contract.") and left the headline, the line under it and the buttons to do the work.
It's easy to keep adding things to the top of a page because each one feels important. The first screen works better when it does less.
The test you can do today
Hand your phone to someone who doesn't know your business. Open your website, let them look for three seconds, then take the phone back and ask them:
What does this business do?
Where do they work?
How would you get in touch?
If they can't answer all three, the first screen needs work.
Then check how fast it loads. Google's free PageSpeed Insights tool will tell you, and the mobile score is the one that matters.
What comes after the first screen
Once someone decides to stay, they scroll. The rest of the page is there to answer the questions that come next, in roughly this order:
Examples of your work. A handful of good photos of real jobs, with a line on what each one was and where.
Your services. The jobs you do, in the words customers use, each with a sentence or two.
Reviews. Real ones, with names and towns where the customer is happy for you to show them.
The areas you cover. Every town and village by name.
How it works. What happens after they get in touch: you reply, you visit or quote, you book it in.
Another way to get in touch. The call button and the job request form again at the bottom, so nobody has to scroll back up.
A page laid out like that answers the customer's questions before they think to ask them, which is the whole point.
Keep the call button with them
On a phone, a bar fixed to the bottom of the screen with a call button and a "send a job" button means the way to contact you is always one tap away, however far down the page they've scrolled. It's one of the simplest changes that makes a trade website easier to use.
Questions trades ask
What is the 3 second rule in web design?
It's the idea that visitors decide within a few seconds whether a page is what they were looking for. For a trade site, the first screen has to show what you do, where, how to get in touch and why to trust you.
Should I put my prices on my website?
A "from" price or your call out fee helps people decide, and it cuts out some time wasters. You don't need a full price list.
How many photos should be on the first screen?
One good real photo is better than a slider of five. Save the gallery for further down the page.
Does a website need to be different on a phone?
The same site should change layout to fit the phone. Most of your visitors will be on one, so design it for the phone first and check it on yours.
Our Smart Website is built around this first screen on every page. See what's included on the pricing page, or read what a trade website should cost.
