Anatomy of a trade website that converts: a real teardown
Most advice about trade websites stops at "make it look professional", which helps nobody, because plenty of smart-looking sites never win a job. So instead of theory, let me take one apart. What follows is a teardown of a composite trade site built the way the ones that actually convert are built, an electrician for the worked example, though the same anatomy fits a plumber, roofer or chippy. I will go section by section from the top of the page down, explain exactly what each part is doing, and give a blunt verdict on why it works. There are five sections, and their order is not decorative. It follows the order of questions running through a customer's head: what do you do, can I trust you, do you do my specific job, is the work any good, and how do I reach you now. Get the sequence right and the page sells for you. Get it wrong and it is just a nice brochure nobody acts on.
A converting trade website stacks five sections in order: a hero naming the service and town with a tap-to-call button, a proof strip of reviews and accreditations, a services block written in the words people search, a gallery of your own work, and a contact close that makes calling effortless. Each answers the next question in the visitor's head, so the layout does the selling.
Section one: the hero that says what and where
The first block a visitor sees decides whether they stay, so a converting hero names the exact service and town, adds a one-line promise, and puts a tap-to-call button on screen, doing the job of ranking on Google and reassuring the customer at the same time.
At the very top, before any scrolling, the example site reads: "Emergency electrician in Leeds and Wakefield. NICEIC registered, same-day callouts." Under it, one button: "Call now". That is it. No slider, no stock photo of a lightbulb, no vague slogan about quality. Every word is doing a job. "Electrician" and the two town names give Google something to rank. "Emergency" and "same-day" match urgent, high-intent searches. "NICEIC registered" pre-answers the trust question. The button removes the last barrier.
Why "quality workmanship you can trust" fails here
Compare that with the hero on most struggling sites: a generic promise that names no service and no place. It ranks for nothing and reassures nobody, because it could belong to any trade in the country. The fix is not a bigger budget, it is swapping empty words for specific ones. This is the same point made in why your trade website gets no calls.
Section two: the proof strip that earns the trust
Immediately under the hero, a strip of genuine reviews and trade accreditations answers the trust question before doubt sets in, and it converts far harder than any amount of "about us" prose because it is other people vouching, not you.
The second block on the example site is a thin band of proof: a Google rating with the star count and number of reviews, two short real quotes with first names and towns, and the logos of the accreditations that matter for the trade. It sits high on purpose. A visitor who has just learned what you do and where instantly wants to know if you are any good, and this answers it in the same eyeful.
Accreditations belong here, shown plainly
For a trade with a register, showing the badge is worth real money. A homeowner searching for gas or electrical work is often specifically looking for it, and displaying it, verifiably, removes a big source of hesitation. How to do that without it looking like clip-art is covered in how to show Gas Safe and NICEIC on your website. Independent research such as the BrightLocal Local Consumer Review Survey consistently finds most customers read reviews before choosing a local trade, which is why this strip earns its high position.
Section three: services written the way people search
The services block names each job in the exact words customers type, "fuse board upgrades", "EV charger installation", "fault finding", so the site becomes eligible for many specific searches instead of one vague "electrical services" nobody searches.
Next comes a clean list of named services, each a short heading with a line under it. Not "electrical services", but the actual jobs: consumer unit replacements, rewires, EV charger fitting, outdoor sockets, fault finding, landlord safety certificates. Each one mirrors a real search, and each gives Google another door people can walk in through. On a bigger site each of these becomes its own page, but even on a one-pager, naming them beats hiding them under a catch-all.
Specific beats broad, every time
The instinct to write "all electrical work undertaken" feels efficient but it is a ranking dead end. Nobody searches that phrase. They search the job. Listing the jobs is not extra work, it is describing what you already do in the customer's own words. The full list of what belongs on the page is in what a tradesman website should include.
Section four: the gallery that closes the sale
A gallery of your own finished work, captioned with the job and the town, is the strongest single persuader on a trade site because it proves competence in a way words cannot, and it doubles as local-search content Google can read.
Below the services, the example site shows real photographs: a tidy new consumer unit, a neatly run EV charger, before-and-after of a rewire. Each has a plain caption, "Consumer unit upgrade, Headingley" or "EV charger install, Wakefield". The photos do the persuading and the captions do quiet SEO work, dropping town and service names into readable content. This is where stock imagery does real damage: a homeowner can tell instantly it is not your work, and the trust the proof strip built starts to leak away.
Even a handful of real photos beats a stock library
You do not need a professional shoot. Six clear phone photos of recent jobs, well lit and captioned, outperform any amount of polished generic imagery. The realness is the point.
Section five: the contact close that removes friction
The final section, and a button that follows the visitor the whole way down, makes contact effortless, because a site can do everything else right and still lose the job if the customer has to hunt for a way to reach you.
The example site ends where it began, with contact. A clear block: phone number as a tap-to-call button, a short enquiry form for people who would rather type, opening hours, and the area served spelled out one more time for search. Crucially, a sticky call button has ridden along the bottom of the screen the entire scroll, so the moment the customer is convinced, calling is one thumb-press away. No "Contact" tab to find, no scrolling back up.
Make the profile match
The close also points to a complete Google Business Profile, because many customers will find you on Maps first and the site and profile should tell the same story. A matching name, number and area across both builds the trust that turns a look into a call.