Roofing · Burton upon Trent
First Rate Roofing
A clean, confident redesign for a family-run roofing company. Real job photos, real reviews and the firm's own wording, arranged so the free quote is never more than a tap away.
Type
Client redesign
Year
2026
What I did
Web design, Development, Content structure
Built with
Next.js 16, React 19, Tailwind CSS v4
The brief
A trust-first roofing redesign with real job photos and reviews.
Roofing is a trust purchase: people are letting strangers onto their house. The existing presence did not show the quality of the work or make it easy to ask for a quote.
The approach
- 01
Led with real photos of the team at work and a genuine customer review on the first screen.
- 02
Pulled out the numbers that matter (years of experience, jobs completed, team size) as quick-read stats.
- 03
Gave repairs, replacements and emergency callouts their own pages so each can rank and convert on its own.
- 04
Ended every page with a FAQ and quote form, so questions get answered right next to the place to act.
Key features
What makes it work.
Service pages
Roof repairs, roof replacement and emergency roofing, each with its own page.
Review-led hero
A real customer review card layered on a real job photo.
Why choose us
Accreditations and family values set out clearly, not buried in an about page.
FAQ + quote form
Common questions answered beside the enquiry form.
The full homepage
Scroll the whole page.
Scroll inside the window to see every section, top to bottom.
On mobile
Phone-first.
Most visitors arrive on a phone, so the mobile layout gets designed first, not squeezed in at the end.
Design system
Colour & type.
A small, deliberate palette and type pairing, used consistently across every page.
White
#ffffff
Roof red
#d0213d
Ink
#222222
Blush
#fdeef0
Next project
Apex Chimney Repairs
A calm, premium chimney specialist site with a postcode quote bar
View case study
Want results like this for your business?
Tell me a bit about your business and what you need. You'll get a clear, no-obligation quote back.