Screenshots lie. A hero image cropped into a blog post tells you nothing about how a page actually behaves — how the type breathes at full width, where the eye lands first, whether the phone number survives the trip down to a 390-pixel screen. So every template below is running live, in a real browser frame, on this page. Scroll through them, flip any one of them to mobile, open the ones you like at full size. Six sections, organised by trade, each one naming the problem that trade's website usually has, what a better page buys you, and exactly what to take from the examples underneath.
Everything here is a working page, not a mockup. The previews load as you scroll and unload once you have passed them, so the article stays light even though there are twenty-seven full websites inside it. Click any preview to open that template in its own tab.
01 Renovation
Whole-Home Renovation & Design-Build
Renovation is the hardest trade to sell online, because you are asking for the biggest cheque.
A homeowner spending eighty thousand dollars on a gut renovation is not comparison-shopping the way they shop for a roof. They are trying to decide whether they can live with you in their house for four months. Most renovation websites answer none of that. They open with a stock kitchen, list "Kitchens · Bathrooms · Basements · Additions", and finish with a contact form — which reads exactly like the six other renovation websites open in the other tabs.
What separates the pages that convert is that they show the shape of the relationship before they show the work. We call this your PROOF OF PROCESS.
Give a nervous homeowner a defined scope, a named crew, a schedule they can hold you to, and a number of projects you take a year, and the price stops being the only variable they can compare. You are not selling the renovation, you are selling the four months around it.
Show the shape of the job before you show the finish
Every template in this group does one specific thing to make the process visible — a project archive, a fixed-scope promise, a hard cap on how many homes they take.
Pick the one that matches how you actually work. A four-person crew and a twenty-person design-build firm should not be running the same page.
- Tip 01Put a number on your capacity. "Twelve homes a year" and "eight commissions a year" both appear below. It reads as confidence, it justifies your price, and it makes the enquiry feel urgent without a single countdown timer.
- Tip 02Name the deliverable, not the service. Book a feasibility call beats Contact us because the homeowner knows exactly what they are agreeing to. Halden & Roe uses it as the only CTA on the page.
- Tip 03Number your projects. Rowan House labels its work Project 168 · Kerrisdale. It implies 167 that came before it, which is a credential you never have to claim out loud.
- Tip 04Keep the licence and the years above the fold. Licensed builder, insured, 22 years — boring, and the single most-read line on a renovation page.
Live previews — 9 templates
Show the four months, not just the finished kitchen, and the enquiries you get start arriving pre-sold.
02 Kitchens & Baths
Kitchens, Baths & Cabinetry
Every renovation company on earth says it does kitchens. That is the problem.
When you bury kitchens inside a general renovation page, you compete with generalists on price — because from the outside, nothing distinguishes you from them. Meanwhile the homeowner who has been saving for a kitchen for three years is searching kitchen renovation plus their city, landing on a page about basements and additions, and bouncing before your gallery has finished loading.
The fix is to give the money room its own page, with its own proof. That page is your SPECIALIST OFFER.
A dedicated kitchen page can promise things a general page cannot — one crew, one kitchen at a time, Friday photo updates, a written warranty. Specificity is the only credential a homeowner can verify before they pay you.
Give the money room its own page
Kitchens, bathrooms and cabinetry each deserve a standalone page rather than a heading inside a services list.
The three templates below show the range — a conversion-focused kitchen page, a materials-led bathroom atelier, and a cabinetmaker who sells the workshop alongside the design.
- Tip 01Promise a communication rhythm. "Friday photo updates" answers the fear nobody says out loud — that they will not know what is happening in their own house for four months.
- Tip 02Put the warranty in writing, on the page. A five-year written warranty stated in the hero is worth more than every five-star review underneath it.
- Tip 03Sell the material, not the room. Maison Voss talks about hand-fitted oak and thirty days of hand-rubbed oil. Nobody else in your market is describing a finish that way.
Live previews — 3 templates
One page per money room, and you stop being quoted against the cheapest generalist in town.
03 Roofing
Roofing & Emergency Trades
Roofing is bought in a panic, and panic has no patience for a slideshow.
There is a stain on the bedroom ceiling and it is 10pm. That homeowner is not browsing your gallery or reading about your founder. They want to know that you cover their neighbourhood, that you are licensed and insured, that someone will answer, and how fast. Most roofing sites make them hunt for all four — and the fourth roofer they call is the one who gets the job.
Every emergency trade needs the same three answers within one screen of the top. Call it your PANIC PATH.
Coverage area, credentials, and a phone number that is tappable on a phone at 10pm at night. Speed to answer beats every design decision on the page.
Answer the 10pm question first
The two roofing templates below solve the same brief in opposite ways, which is why they are worth comparing side by side.
Cascade goes hard at conversion and local search. Northwall treats the same trade editorially and wins on distinctiveness. Both are correct — for different markets.
- Tip 01State the response window, not "fast service". 24/7 repair is a promise. "We pride ourselves on prompt service" is a sentence a homeowner has read on nine other sites tonight.
- Tip 02Name the region in the hero. Both templates put the service area in the first line — the fastest way to stop a homeowner wondering whether you drive out to them.
- Tip 03Give the weather a line. "Built for rain" tells a Vancouver homeowner you understand their actual problem. Local climate is the cheapest specificity you can buy.
Live previews — 2 templates
Answer the panic in the first screen and the phone rings before your competitor's page has loaded.
04 Flooring
Flooring & Installation Trades
Flooring gets shopped by product, then bought on installation. Most flooring sites only sell the product.
The homeowner starts by searching hardwood against luxury vinyl, arrives at a page that is essentially a supplier catalogue, and learns nothing that would make them choose you over the warehouse down the road that sells the identical plank for less. The part they actually care about — dust, disruption, how long they cannot use their own living room — goes unmentioned.
Installation trades win by describing the days the crew is in the house. That is your INSTALL STORY.
Acclimation, dust containment, a lead installer, the site swept every night, the last coat not rushed. Nobody chooses a floor twice, so they are really choosing the week it takes to put it in.
Sell the week, not the plank
Heartwood breaks the job into four named stages and gives each one a screen of its own.
The other two go further into material provenance — useful if you install at the high end, where the customer wants to know which quarry the stone came out of.
- Tip 01Name the stages. Acclimate · Install · Finish turns an invisible service into something a homeowner can picture and schedule around.
- Tip 02Address the mess directly. "Dust contained. Site clean nightly." Every flooring customer is worried about this and almost no flooring website says it.
- Tip 03Publish the comparison they are already searching. Heartwood links straight to hardwood vs luxury vinyl plank and refinish or replace — capturing the research phase instead of waiting for the buying one.
Live previews — 3 templates
Describe the week in their house and price stops being the only thing they can compare.
05 Outdoors
Pools & Outdoor Living
Nobody needs a pool. That single fact should change everything about the page.
Roofs and floors get replaced because something failed. A pool, a stone terrace, a whole reworked garden — those are bought on desire, and desire dies on a page organised like a spec sheet. Yet most pool and landscape sites lead with gunite thicknesses, equipment brands and finance options, which is a bit like selling a holiday by describing the aircraft.
Discretionary trades sell the finished life first and the specification second. That is your IMAGINED AFTERNOON.
Show the water at the right hour, the terrace with people on it, the garden in the season it looks best — then let the engineering reassure them once they already want it. Make them picture using it before you ask them to price it.
Lead with the scene, close with the engineering
These four templates sit at very different points on that line, and the difference is instructive.
Meridian is built to be found by a homeowner already searching for a pool builder. Halcyon and Maren & Vale are built to be remembered by someone who was not looking yet.
- Tip 01Photograph the hour, not the product. Halcyon's Stillness as architecture works because the water is shot at the time of day the owner would actually be standing there.
- Tip 02Put the search phrase in the title anyway. Meridian Pools opens with Custom Pool Builder Scottsdale AZ. Atmosphere and local search are not in conflict — one is the title tag, the other is the hero.
- Tip 03Reframe the space, not the service. Verdant's “The best room in your home is outside” turns landscaping into a renovation budget line. That sentence is worth more than a portfolio.
Live previews — 4 templates
Sell the afternoon first, and the quote stops being a shock.
06 Design Studios
Architecture, Interiors & Specialty Trades
The narrower your work, the more contractors dilute it — and the more money they leave on the table.
A firm that only draws houses adds "renovations" to the header. A glazing specialist buries rooflights under "windows and doors". The instinct is to look bigger so you qualify for more enquiries, and the result is that you qualify for worse ones: shoppers who found you through a generic term and will treat you as interchangeable with a generalist charging half.
Narrow pages attract fewer visitors and better clients. That trade is your DELIBERATE SCOPE.
Aldridge opens by calling itself a deliberately small practice; OCULUS devotes an entire site to holes cut for daylight. The word you are tempted to delete is usually the one bringing you the right client.
Say what you will not do
These six are the design-side templates, and they are worth studying even if you swing a hammer for a living.
They are the pages your best clients have already been reading, and they set the standard your renovation page gets compared to.
- Tip 01Declare the size of the practice. "Deliberately small" is a positioning statement, a price justification and a filter, all in two words.
- Tip 02Use a verb your clients would use. Begin a commission reads entirely differently from Request a quote — and it sets the budget expectation before the first call.
- Tip 03Give a narrow specialty its own site. OCULUS covers heritage leaded panes, structural glazing to four metres, raised lanterns and circular apertures — a whole page for something most firms list as one bullet.
Live previews — 6 templates
Narrow the page and the wrong enquiries stop arriving — which is the point.
07 The System
Putting It All Together
Twenty-seven templates, six trades, and one pattern running underneath all of them.
Every page in this article that works, works for the same reason: it makes one specific promise a competitor cannot copy without lying. Twelve homes a year. Friday photo updates. Dust contained, site clean nightly. Built for rain. Begin a commission. None of those are design decisions — they are business decisions that happen to be typeset well.
Which is why the useful way to use this page is backwards. Do not pick the template you find prettiest and then work out what to say inside it. Decide what you can promise that your three closest competitors cannot, then find the template built to carry that promise.
Choose in this order
Start with capacity, then market position, then the trade-specific detail.
If you take eight jobs a year, Bench & Plumb and Hearth & Beam are already the shortlist. If you need the phone to ring tonight, it is Cascade or Meridian Pools and nothing else on this page.
- Step 01Write your one promise first. One sentence, verifiable, uncomfortable for a competitor to repeat. If you cannot write it, no template on this page will save the site.
- Step 02Match the template to your volume. High-volume trades need the panic path; low-volume ateliers need the capacity number. Running the wrong one costs you either enquiries or margin.
- Step 03Check it on the phone before anything else. Flip every preview above to mobile. Most of your traffic arrives that way, and it is where weak pages fall apart first.
- Step 04Give each money service its own page. One strong page per trade beats one page listing every trade — for search, and for the homeowner deciding whether you are the specialist.
A template cannot make a promise for you. It can only make sure the one you already have is the first thing anyone reads.
Pick the promise, then pick the page. In that order it takes an afternoon.