Web Design for Tradesmen: Sites That Win Local Jobs
A heating engineer in Manchester, an electrician covering Birmingham postcodes, or a roofer taking Leeds and the towns around it already gets some Google and word-of-mouth work. The website is late, slow, or a one-pager that hides the number. Someone with a job on their phone opens the page, cannot see what you do or how to ring you, and taps the next result.
A trades site that wins local jobs answers three things on a phone in under ten seconds: what you do, where you work, and call or quote. A pretty gallery that hides the number, skips real service pages, or fakes the proof will leak work to the next van.
Key takeaways
- Build for the phone first: service, area, and a number they can tap without scrolling.
- Give each real job type its own URL. A boiler repair is not a bathroom.
- Name towns or postcode districts you will travel to. Do not imply the whole region.
- The site turns traffic you already have into calls. A complete Google Business Profile and local SEO for tradesmen are what support the Map Pack. Nobody can honestly sell a pack slot.
Who this is written for
Owner-operators and small firms of roughly 1–20 staff. If you are a national franchise or a 50-van operation, the same ideas apply, but the sitemap and CRM are a different scope. Say so in the Free Growth Audit.
Web design for tradesmen is the page we send people to when they want that build. Manchester, Birmingham, and Leeds show up below the way a real service-area business would use them, not as a list of city farms.
What the site has to do on a phone
Treat this as the build list. You can argue about colours after the phone test works.
- Homepage that passes the phone test. Service, area, tap-to-call. A Manchester plumber should not lead with "Reimagining home comfort."
- One URL per real service. Use the service page SEO template.
- Honest areas. South Manchester, north Birmingham, east Leeds: name them if you go.
- Trust you can prove. Reviews, Gas Safe / NICEIC / NAPIT only if you hold them, photos of real jobs.
- A quote form people finish. Name, phone, postcode, job type, photo. See why local sites fail to convert.
- Follow-up when the office is shut. Lead automation that notifies a person, not a chatbot sitting on top of the call button.
If you want a fast read on where the current site is leaking jobs, run the Lead Leak Checker before you commission a rebuild.
How a plumber, electrician, roofer, or builder site differs
Every trade needs the phone test. The pages change by job type.
A plumber needs an emergency path that still works after hours, plus separate pages for boilers and bathrooms. That checklist lives in web design for plumbers. The matching plumber website page is where we send people who want that build. Map Pack and Google Business Profile work sit in local SEO for plumbers.
An electrician is judged on schemes and certificates before the call. EICR, consumer unit, faults, and EV each need a URL if you sell them. Web design for electricians and the electrician website page cover that. Map Pack and Google Business Profile work sit in local SEO for electricians.
A roofer lives with storm weeks. Leak repair and a planned re-roof are different searches. Flat versus pitched, chimney, and guttering each need a URL if you sell them. Web design for roofers and the roofer website page cover that. Map Pack and Google Business Profile work sit in local SEO for roofers.
A builder sells planned work: extensions, loft conversions, refurbs, new-builds. The site needs project pages with real captions and a quote form that collects drawings or a brief — not a contact-us void. Web design for builders and the builder website page cover that. Profile work sits in local SEO for tradesmen.
If you want the wider trade picture, start at trades. Multi-trade Map Pack and profile work sit in local SEO for tradesmen.
Hero, form, and proof people actually use
On mobile, the number sits in the header and near the first headline. A sticky "Call now" bar is normal for trades. Do not hide it behind a form.
Write "24/7" only if someone answers. A Birmingham emergency page that goes to voicemail overnight costs more trust than leaving the hours honest.
Keep the quote form short: name, phone or email, postcode, job type, photo upload. "Instant quote" only if you truly automate it. "We aim to reply the same working day" is usually the honest line.
Proof that helps:
- Google rating linked to the live profile (how to ask for reviews)
- Scheme logos you actually hold
- Real job photos with town and job type
- Public liability if it is on the van
No AI shopfronts. Photos on the Google profile follow the same rule.
How the site sits with Google and follow-up
Google looks at the site and the Google Business Profile together. Thin "plumber Manchester Leeds Birmingham" doorway pages do not help.
Pair the build with local SEO for tradesmen, Map Pack basics and NAP consistency. Website design alone rarely gets you into the three-pack.
The Local Growth System is the full frame: converting site, local SEO, profile, content, capture, and follow-up. Buy the site on its own if that is the leak. Buy the system if the leak is everywhere.
Common mistakes on trade sites
- Phone number only in an image or PDF
- One "Services" bullet list instead of real service URLs
- Stock photos of other people's jobs
- Areas claimed that you will not travel to
- Keyword-stuffed titles that do not match the work
- No after-hours reply path
FAQ
Do tradesmen still need a website if Google Business Profile is strong?
Yes. The profile wins many map clicks. People still open the site to check services, photos, and whether you cover their postcode. A weak site wastes those clicks. See website design for local service businesses.
Should I put prices on a trade website?
Publish "from" prices or call-out rules only when you will honour them. Vague "competitive rates" helps nobody.
Can I use AI photos of vans and teams?
Not as if they were real. Use real jobs.
How many pages does a tradesman website need?
As many as you have distinct services customers search for, plus home, about, contact, and honest area copy.
What to do this week
Open the homepage on a phone. Time how long it takes to see the service, the area, and tap-to-call without scrolling. Then open the guide that matches the trade, or start the build on web design for tradesmen. For the profile and service-area work, use local SEO for tradesmen. Book a Free Growth Audit if you want us to do that pass with you. If the site, local SEO, and follow-up all leak, that is the Local Growth System.