Starter
A professional first website for a new or small business.
£400
one-offNo VAT added
Roofing website design for UK roofing companies
Roofing website design has two jobs. When a storm puts water through someone’s ceiling, they need your number in seconds. When they’re planning a new roof, they want to see your work, check you’re insured and send you photos for a quote. We build fast, mobile-first websites for UK roofers that do both, from £400.
Three concept designs
Quote form that takes photos
Storm enquiries caught at night
Concept design – not a client site
Roofing website design examples for three kinds of roofer
These are concept homepages for three fictional roofing firms, not client work. A storm-repair firm, a slate and re-roof specialist and a flat-roofing company each need a different first screen, so each is laid out differently. The notes explain why.
Concept preview
Concept design – not a client site
Leak or storm damage? Call 01632 960789, or message us any time
Example Roofing & Repairs
01632 960789- Emergency repairs
- Roof repairs
- Gutters
- Chimneys
- Areas
- Contact
Roof leaking? We’ll call you back first thing, or sooner.
Storm damage, slipped tiles and leaks across the areas listed below. Call, or leave your details in the chat.
Call 01632 960789Message us
Example Roofing · replies any time
- Visitor: Water coming through the ceiling since the storm.
- Chatbot: Sorry to hear that. What’s your name and number? The team will call you back.
What we fix
- Emergency repairsLeaks and storm damage. Hours and areas covered.
- Roof repairsSlipped tiles, ridges, flashing and valleys.
- Guttering and fasciasClearing, repairs and replacement.
- Chimney repairsRepointing, flashing and leadwork.
- Membership logo, if you hold one
- Insurance details
- Guarantee terms, linked
Areas we cover
- Main town
- Nearby town
- Nearby town
- Surrounding villages
Real Google reviews would appear here, linked to the full profile. None are shown in this concept.
Storm repairs: why it’s laid out this way
The emergency line comes first
A full-width strip above the header and a call button in the hero. Someone with water coming in never has to look for the number.
A chat for the calls you miss
When you’re on a roof or it’s 10pm, the text chatbot takes their name, number and the problem, and emails it to you. It doesn’t pretend to be you on the phone.
Small, urgent jobs up top
This firm makes its money on repairs, so the four service cards are the small, urgent jobs. A re-roof specialist would lead differently, as the next tab shows.
Trust slots, left empty until filled
Memberships, insurance and guarantee terms sit under the services. Each one appears only if you hold it.
Your version uses your own photos, reviews and details. Nothing here is copied from a real business.
Concept preview
Concept design – not a client site
Example Slate & Tile Roofing
01632 960234- Our work
- Re-roofs
- Slate and tile
- Leadwork
- Guarantees
- Get a quote
New roofs in natural slate and clay tile, guaranteed in writing
See finished re-roofs from this year, then book a free survey.
Book a surveySee our work
Re-roof, three-bed semi
Your own job photos go here, taken from the same spot.
Planned roofing work
- Full re-roofsSurvey, quote, scaffold and sign-off, step by step.
- Slate and tile repairsNatural slate, clay and concrete tile.
- LeadworkFlashings, valleys and bays.
- GuaranteesHow long, what’s covered and who backs it.
- CompetentRoofer, if you’re a member
- TrustMark, if registered
- Insurance-backed guarantee terms
Recent jobs by area
- Village one
- Village two
- Main town
- Nearby town
Reviews that mention a re-roof would go here, from your Google profile. None are shown in this concept.
Re-roofs and slate: why it’s laid out this way
Proof of work before anything else
Someone spending thousands on a roof wants to see roofs. A before-and-after sits in the hero, taken from the same spot so the difference is obvious.
Guarantees get their own page
A clear page saying how long the guarantee lasts, what it covers and who backs it does more than a badge.
Self-certification explained
If you’re in a competent person scheme, the re-roof page says so in plain words. It answers a building regulations question most homeowners don’t know to ask.
A survey booking as the main button
Big jobs are compared over weeks. The call button is still in the header, but the hero asks for a survey booking.
Your version uses your own photos, reviews and details. Nothing here is copied from a real business.
Concept preview
Concept design – not a client site
Example Flat Roofing Ltd
01632 960567- Flat roofs
- EPDM rubber
- GRP fibreglass
- Commercial
- Get a quote
Send us photos of your flat roof and get a price back
Garages, extensions, dormers and commercial roofs. Most quotes are priced from your photos before we visit.
Get a photo quoteCall 01632 960567
Get a quote
- Name
- Phone number
- Postcode
- Roof: garage / extension / commercial
- Add photos
Flat roof systems we fit
- EPDM rubberWhat it suits, how long it takes, the guarantee.
- GRP fibreglassFinished examples and colours.
- Felt and torch-onRepairs and full replacements.
- Commercial roofsLarger areas, access and scheduling.
What happens next
- Photos priced
- Survey if needed
- Written quote
- Booked in
Photos of finished flat roofs and real reviews would go here. None are shown in this concept.
Flat roofs: why it’s laid out this way
The form is the hero
Flat roof jobs are easy to price from a few photos, so the quote form sits beside the headline with photo upload built in.
Named systems, one page each
People search for “EPDM roof” and “GRP roof” by name. Each system gets its own page, with photos and what it suits.
The next steps, spelled out
Four short steps under the services tell a cautious customer exactly what happens after they press send.
Commercial work kept separate
A landlord or facilities manager wants different details from a homeowner, so commercial roofs have their own card and page.
Your version uses your own photos, reviews and details. Nothing here is copied from a real business.
PAGE PLAN
A page for every roofing job you take on
Give every job you want more of its own page. “Flat roof repair” and “chimney repointing” are different searches from different customers, and one “Services” page can’t answer both. This is the map we’d start from.
/
Homepage
Your number, the jobs you do, where you work and why people can trust you. Every service page links back here, and here to each of them.
Emergency and storm damage
/emergency-and-storm-damage
Who’s searching: Someone with a leak, often at night, on a phone.
- Your number before anything else
- Hours and areas you’ll attend
- What to do while they wait
Roof repairs
/roof-repairs
Who’s searching: Homeowners with slipped tiles, a damp patch or a noisy ridge.
- The common repairs, with photos
- How you quote small jobs
- The photo quote form
Re-roofing
/re-roofing
Who’s searching: People planning a new roof, comparing quotes for weeks.
- Before-and-after galleries
- Survey to sign-off, step by step
- Building regulations and guarantees
Flat roofing
/flat-roofing
Who’s searching: Owners of garages, extensions and dormers, and some landlords.
- The systems you fit, by name
- What each one suits
- Photos of finished roofs
Guttering and fascias
/guttering-and-fascias
Who’s searching: Smaller, often seasonal jobs, and a common way in for bigger work.
- Clearing, repairs and replacement
- Fascias, soffits and downpipes
- Seasonal checks
Chimney repairs
/chimney-repairs
Who’s searching: People with a leak near the stack or crumbling mortar.
- Repointing, flashing and leadwork
- Access and scaffolding
- Photos of finished work
Do fascias, skylights or commercial work? Add a page for each. With six or more service pages you’ll want Business (up to 10 pages) or Growth (up to 15). The areas you cover go on one areas page, not a separate page for every town. Compare the packages.
AFTER HOURS
Catching storm and leak enquiries after dark
A text chatbot takes the enquiries that arrive when you can’t answer: at night, in a downpour or while you’re on a roof. Our Enquiry Bot answers questions from your own pages, takes the customer’s name, number and the problem, and emails the lead to you straight away.
It doesn’t answer phone calls or send anyone out. For a real emergency, your phone number stays the first thing on the page. The bot is there for the people who would otherwise close the tab.
- Trained on your own pages and FAQs, so it only says what you’d say
- Asks for a name, a number and what’s happened, then emails you
- Points people with photos to your quote form
The Enquiry Bot is £300 + £29/mo. Growth includes its setup and the first month. See how our website chatbots work.
Example Roofing & RepairsText chat · replies any time
- Customer: Water’s coming through the bedroom ceiling since the storm. Can someone come out?
- Chatbot: Sorry to hear that. I’ll pass this to the team now. What’s your name and the best number to call?
- Customer: Sam, 07700 900461
- Chatbot: Thanks, Sam. The team opens at 8am and will ring you then. You can add photos of the ceiling on our quote form.
New enquiry · 9:42pm
- Name
- Sam
- Phone
- 07700 900461
- Job
- Leak through ceiling after storm
PHOTOS
Before-and-after galleries and a quote form that takes photos
Most customers can’t see their own roof, so photos do the selling. Your before-and-afters show the standard of your work, and their photos let you price a job before you drive out. Growth (£1,200) includes a quote form with photo upload.
Shoot the before from a fixed spot
Pick a spot you can find again, such as the pavement opposite or the top of the scaffold, and take the “before” there.
Take the after from the same spot
Same angle, same height. Side by side, the difference does the convincing for you.
Caption the job and the area
“Re-roof in natural slate, terraced house, Main Town.” It tells the next customer what they’re looking at, and tells Google too.
Let customers send theirs
A photo of the damp patch or the flat roof helps you price simple repairs from the van and turn down jobs that aren’t for you.
TRUST
Accreditations, guarantees and insurance you can prove
Letting someone onto your roof takes trust, and homeowners check. Show the memberships, guarantees and insurance you hold, link each one to somewhere it can be verified, and leave out anything you don’t.
Memberships customers can check
If you’re a member of the NFRC, show the logo and link to its find-a-roofer directory so customers can look you up. The NFRC says only members may use its logo, so if you’re not a member it stays off the site.
CompetentRoofer, if you self-certify
CompetentRoofer is on the government’s list of authorised competent person schemes. Members can self-certify replacement roof coverings instead of getting building regulations approval. Say so on your re-roofing page.
TrustMark, if you’re registered
TrustMark calls itself the Government Endorsed Quality Scheme for work in and around the home. If you’re registered, link to your listing in its search.
Guarantees in writing
Say how long each guarantee lasts, what it covers and who backs it. For an insurance-backed guarantee, name the provider and link to the terms.
Insurance, stated plainly
Say that you carry public liability insurance and that you’ll show the certificate on request. People want to know before they ring.
Scheme details checked against each official site in October 2026. We build these slots from the documents you send us, and leave a slot out if you don’t hold it.
THE ROOFING YEAR
Plan the website around the roofing year
Roofing work follows the weather, so your homepage shouldn’t lead with the same thing in January as in June. Keep every service page live all year and change what the homepage puts first each season. It’s a small edit, and our care plans (from £25/mo) include time for it each month.
Spring
March to MayWinter damage gets noticed: slipped tiles, blocked gutters, damp patches. People start planning bigger jobs for the drier months.
Lead with: repairs and re-roof surveys, with your before-and-afters.
Summer
June to AugustDrier weather suits re-roofs, flat roofs and chimney work. Customers compare quotes, often over several weeks.
Lead with: re-roofs and flat roofs, with guarantees and the photo quote form.
Autumn
September to NovemberLeaves fill gutters, and people think about the winter ahead before the first big storm.
Lead with: gutter clearing, fascias and roof checks before winter.
Winter
December to FebruaryStorms and heavy rain bring urgent calls, many of them out of hours.
Lead with: emergency and storm repairs, with the number and the chat up front.
LOCAL SEARCH
SEO for roofers starts with your Business Profile
Most roofing work is found locally, in the map results and the pages underneath them. These four steps are where we’d start for any roofer, and they work best with the service pages above already in place.
Set up your Google Business Profile properly
Choose the primary category that matches your main work and list every service. If customers don’t visit you, Google says to remove your address and set service areas. Use your real business name, because extra keywords in the name aren’t allowed.
Match a page to each search
People search for the job, often with a town: “flat roof repair”, “roofer near me”, “chimney repointing”. A well-titled page for each service gives Google one clear match for each search.
Ask every customer for a review
Send your review link by text after each job. Google’s review policy says you can’t offer anything in return or ask only the customers you expect to be happy. Reviews that mention the job tell the next customer most.
Post job photos as you go
Add before-and-afters to your profile and to the matching service page. They keep the profile active and show the kind of work you take on.
Our local SEO services work through these every month. Monthly SEO packages start at £199/mo, and Growth includes local SEO setup with 10 citations. For the do-it-yourself version, read our guide to SEO for tradesmen.
Read the Mobile Detailers project“Clean design and very easy for customers to contact us — exactly what we needed. The site feels fast and gets straight to the point.”
PRICES
Roofing website design packages
Fixed prices with everything listed. Growth (£1,200) is the one we’d point most roofers to: up to 15 pages, the quote form with photo upload, local SEO setup and Enquiry Bot setup with the first month included. If you only need a few pages, Starter (up to 5) is enough. Compare every package in full.
Business
Most popularA fuller site for an established business that wants to win more work online.
£750
one-offNo VAT added
Growth
For businesses ready to compete harder in local search.
£1,200
one-offNo VAT added
E-commerce
An online shop for selling your products directly.
From £1,500
one-offNo VAT added
- Want the chatbot on a smaller site? The Trades Starter Kit pairs a Business website (up to 10 pages) with Enquiry Bot setup for £950. Business doesn’t include photo upload on the quote form; Growth does.
MORE FOR TRADES
Related guides for trades
All industries
The trades and clinics we build for, and how we help local businesses.
Back to industries
Tradespeople
Websites, local SEO and AI enquiry tools for every trade, plus the Trades Starter Kit.
Websites for tradespeople
Plumbers
Emergency-first layouts, Gas Safe details where relevant, and separate pages for leaks, bathrooms and boilers.
Website design for plumbers
FAQ
Common Questions
How much does a roofing website cost?
A roofing website from us costs £400 for Starter (up to 5 pages), £750 for Business (up to 10) or £1,200 for Growth (up to 15, with a photo-upload quote form and Enquiry Bot setup). The Trades Starter Kit, a Business site plus Enquiry Bot setup, is £950. Every price is fixed.
What should a roofing website include?
Your phone number at the top of every page, a page for each service (repairs, re-roofs, flat roofs, guttering, chimneys and emergencies), before-and-after photos, the areas you cover, your memberships and guarantees, real reviews and a quote form that takes photos. Emergency work needs its own page with the number first.
Do roofers need a website if they get work from directories?
Yes, alongside them. Directories and lead sites can fill the diary, but you usually pay per lead or a subscription, and the customer stays on their platform. Your own website is where people check you out after finding you elsewhere, and every enquiry it brings in costs you nothing extra.
Can customers send photos of their roof with a quote request?
Yes, on the Growth package. The quote form takes photos, so a customer can send the damp patch, the slipped tiles or the flat roof before you visit. You can price simple repairs from the van, spot jobs that aren’t for you and turn up with the right materials.
Can a chatbot take storm-damage enquiries at night?
Yes, in text. Our Enquiry Bot answers questions from your own pages, takes the customer’s name, number and what’s happened, and emails the lead to you at any hour. It doesn’t answer calls or send anyone out, so for a real emergency your phone number should still be the first thing people see.
Should I put the NFRC or TrustMark logo on my website?
Only if you’re a member or registered. The NFRC says only its members may use its logo. If you hold either, show the logo near the top of the page and link to your listing in their search, so customers can check it themselves. If you don’t, leave them off.
How long does a roofing website take to build?
Starter is usually live in around 2 weeks, Business takes 3–4 weeks and Growth 4–6 weeks, counted from the go-ahead. What slows most builds is waiting for photos, so start saving before-and-afters from your jobs now, taken from the same spot each time.
Roofing websites from £400
Want a roofing website that wins the big jobs and the storm calls?
Tell us the jobs you want more of, whether you take emergency calls and the areas you cover. We’ll recommend a package and a page plan.
Not ready to talk? Free website check – back within 48 hours
- Reply within one business day
- You own the code and assets
- Fixed-scope proposal in 48h
GET STARTED
Tell us about your roofing business
The work you want more of, whether you take emergency calls, the areas you cover and your current website, if you have one. We’ll reply within one business day.
- 1
We read it properly
A real person reviews your notes and comes back within one business day.
- 2
Book a free 30-minute call if it’s useful
We go through what you need, your budget and your deadline, then tell you honestly which option fits.
- 3
Fixed-scope proposal
Scope, milestones and pricing in writing within 48 hours of the call.
Hours
Mon–Fri, 9am–5pm UK time
Working style
Remote-first, timezone friendly