EXAMPLES · 10 MIN READ
What a Great Trades Website Looks Like (Plumber and Electrician Examples)
Most advice on trades websites is vague. So here are two real ones, a plumber and an electrician, taken apart section by section, with the specific things they get right and why each one wins more work.
By Liam · 21 June 2026
It is easy to say a trades website should look professional. It is more useful to show you one, point at the parts that are doing the heavy lifting, and explain why. So that is what this guide does. We will walk through two real example sites, a plumber and an electrician, and pull out the things that turn a casual visitor into a phone call or a quote request.
Both examples are demo builds you can open right now: Ashcroft Plumbing & Heating for the plumbing side, and Redfern Electrical for the electrical side. They are not real firms, but they are built exactly the way a real one should be, so they make honest teaching examples. Open them on your phone as you read, because a phone is where almost every one of these decisions actually gets tested.
First, why most trades sites fail before anyone calls
A weak trades site usually fails in the first three seconds, and almost always for the same handful of reasons. It opens with a stock photo of a smiling stranger and a slogan like "quality you can trust" that says nothing. It does not name the town. The phone number is buried in a header you have to hunt for. It takes an age to load on 4G. By the time any of that is sorted out, the visitor has already pressed back and rung the next firm on the list.
Both example sites are built to do the opposite: answer the three questions every visitor has in their head before they have finished scrolling once. What do you do? Do you cover me? How do I get hold of you? Get those three right and you are most of the way to a good trades site.
The hero: trade, area and one clear promise
The hero is the first screen, before any scrolling. On the Ashcroft Plumbing example it does three jobs at once: it names the trade (plumbing and heating), it names the area served, and it makes one clear promise rather than a vague boast. There is a single, obvious thing to do next, and it is a big tap-to-call button, not a tiny link.
The Redfern Electrical example does the same with an electrician's slant: the trade and area up top, the reassurance that they are a registered electrician right where you can see it, and an instant way to get a quote. Notice what neither hero does. Neither one opens with a carousel of stock photos, neither makes you scroll to find out what the business even is, and neither leads with the company history. The visitor's question comes first; the business's ego comes never.
Click-to-call and a quote form that actually converts
This is the single most important thing a trades site does, and the most commonly botched. The whole point of the site is to turn a visitor into an enquiry, and there are only two ways that happens: they call you, or they send a short message. So both have to be one tap away from anywhere on the page.
Both examples get this right in the same two ways. First, the phone number is a real tap-to-call link, so on a mobile it dials with one tap, not a copy-and-paste. Second, the call and the quote button follow you down the page, so the moment a visitor decides, the action is right under their thumb. They never have to scroll back up to find it.
The quote form itself is short on purpose. A trades quote form should ask for the few things you actually need to call them back: name, number, and a line about the job. Every extra field you add loses you enquiries. The examples keep it to the bare minimum, because a half-filled form you can ring is worth far more than a perfect form nobody completes.
- Tap-to-call, not just a printed number. On a phone the number must dial on tap. A number you have to copy is a number that does not get rung.
- A sticky action bar. Call and quote buttons that stay on screen as you scroll, so the decision and the action are never more than a thumb apart.
- A three-field quote form. Name, number, and what the job is. Ask for more and you trade enquiries for tidiness.
- One primary action per screen. Do not make people choose between five buttons. Point them at the one thing you want them to do.
Trust signals: accreditation badges and real reviews
Hiring a tradesperson is a trust decision made by a slightly worried stranger. They are letting someone into their home and handing over money, and they have all heard a horror story. A good trades site does the reassuring for you, before they ever pick up the phone.
Gas Safe, NICEIC and why the badges matter
Accreditation badges are not decoration; they are proof you are legal and competent, and in some trades they are a hard legal requirement. The Ashcroft Plumbing example shows a Gas Safe badge clearly, because anyone working on gas in the UK must be Gas Safe registered, and customers increasingly know to look for it. The Redfern Electrical example shows NICEIC registration, the mark most UK customers recognise for a competent, assessed electrician.
The key is placement. A badge buried in the footer does little. Both examples surface the relevant badge high up, near the hero and again near the quote form, exactly where a nervous visitor is deciding whether to trust you. If you are accredited, show it where it changes minds, not where it gathers dust.
Real reviews, not invented ones
Both examples carry a short row of genuine-looking customer reviews near the top, not a wall of them hidden on a separate page. A couple of specific, believable reviews (the name, the town, the actual job) beat fifty generic five-star lines. Specificity is what reads as real. "Sorted our boiler the same day in Walsall, tidy and polite" does more than "great service, highly recommend" repeated ten times.
Service area, services list and real job photos
After trust comes the practical detail: do you cover me, can you do my job, and what does your work look like? The examples handle all three without making the visitor dig.
- A clear service area. Both name the towns and areas covered in plain text. This reassures the visitor you cover them, and it quietly helps you rank on Google for those places too.
- A scannable services list. Boiler repairs, bathroom installs, emergency call-outs for the plumber; rewires, fuse boards, EV chargers, fault-finding for the electrician. Short, specific, the words people actually search.
- Photos of real work. Both examples use real-looking job photos rather than stock images of someone else's hands. Your own work, your own van, your own finished jobs are worth more than any polished stock shot, because they prove the work is yours.
Naming your service area in words matters more than people think. A search like "emergency electrician in my town" is one of the most common ways these jobs get found, and a site that names the town in plain text has a real chance of showing up for it. A site that just says "we cover the local area" does not. There is a plain-English walkthrough of that in our guide on whether trades even need a website, linked at the end.
Speed: the bit you cannot see but customers feel
Almost every one of these searches happens on a phone, often on a patchy mobile signal, often when something has gone wrong and the person is stressed. A site that takes five seconds to load has already lost half its visitors. Speed is not a nice-to-have for a trades site; it is the difference between getting the call and not.
Both examples are built to load fast on a phone: lean code, properly compressed images, nothing heavy loading before the important stuff appears. You will not see a loading spinner or a slow fade-in on the parts that matter. This is exactly where the cheap template builders fall down, because they ship a pile of code you do not need, and your visitor pays for it in waiting time.
Weak site versus strong site, side by side
The same trade, two very different websites
| Element | A weak trades site | A strong one (like the examples) |
|---|---|---|
| Hero | Stock photo + vague slogan, no town | Trade, area and one clear promise |
| Phone number | Printed text you have to copy | Tap-to-call, sticky on scroll |
| Trust | Badges hidden in the footer, if at all | Gas Safe / NICEIC and reviews up top |
| Photos | Stock images of strangers | Real photos of your own jobs |
| Speed | Slow, heavy template | Loads in under two seconds on a phone |
What it costs to have one like this
A small, sharp trades site like these examples does not need an agency budget. A one-off custom build for a trades business typically runs a few hundred pounds to a couple of thousand, with the UK average for a five-page brochure site landing around £720. If you would rather not pay it all upfront, a managed pay-monthly version is commonly £35 to £49 a month with little or nothing to start, hosting and updates included. For most trades, a single extra job won covers the lot. The full breakdown is in our cost guide below.
If you want to see how these example builds were put together for a real business, the demo wall has the full set, and the pricing is fixed and shown openly rather than hidden behind a "request a quote".
The takeaway
A great trades website is not big, clever or expensive. It is fast, honest and built around one job: turning a worried stranger on a phone into a confident phone call. Name your trade and your town, make the call button impossible to miss, show your accreditations and your real work, prove other people trusted you, and make the whole thing load in a blink. The two examples do exactly that, and so should yours.
STRAIGHT ANSWERS
Common questions.
What should a plumber or electrician website actually include?
Your trade and area in plain words up top, a tap-to-call button and a short quote form that follow you down the page, your accreditations (Gas Safe for gas work, NICEIC for electrical), a couple of genuine reviews, a clear service area, a short services list, real photos of your own work, and fast loading on a phone. Everything else is optional.
Why do accreditation badges like Gas Safe and NICEIC matter on a website?
They are proof you are legal and competent, and for some work they are a hard requirement (anyone working on gas in the UK must be Gas Safe registered). Customers increasingly know to look for them, so showing the badge high on the page, near the hero and the quote form, reassures a nervous visitor right at the moment they decide whether to trust you.
Do I really need tap-to-call and a quote form, or is a phone number enough?
You need the number to be a real tap-to-call link so it dials with one tap on a phone, where almost all these searches happen. A short three-field quote form (name, number, job) on top of that captures the people who would rather message than ring. A printed number you have to copy out loses you enquiries.
How much does a trades website like these examples cost?
A one-off custom build for a small trades business is typically a few hundred to a couple of thousand pounds, with the UK average around £720 for a five-page brochure site. A managed pay-monthly version is commonly £35 to £49 a month with little or no upfront, hosting and updates included. For most trades a single extra job won covers it.