Case Study · Home Services
Tetti Roofing
A multi-location roofing website with templated local pages and a short mobile estimate flow.
Tetti Roofing serves homeowners across several counties in the US Mid-Atlantic and Northeast. Its old website treated every location the same — repetitive pages, weak local context, and too many steps to ask for an estimate. We rebuilt it as one scalable site that speaks locally everywhere the company works.
Client / Product Overview
A residential roofing company with local teams across multiple service areas, covering roof replacement and repair. Most of its work starts with a homeowner asking for an estimate.
- Industry
- Home Services
- Services Provided
- Project Scope
- Audit of the existing site, a multi-location information architecture, a location-aware homepage, location and service page templates built for local search, and a mobile-first estimate request flow with photo upload.
Before
The Challenge
Location pages were inconsistent and repeated the same content, so none of them was genuinely local. Leads arrived without the context the team needed to quote, and requesting an estimate took too many steps.
Approach
From the problem to a direction
Strategy first, then the experience, then how it looks.
- 01
Discovery / Strategy
We designed one main site that branches into county-level location pages, each carrying its own local content, reviews, projects and service information. Launching a new service area becomes a matter of filling in a template, not building a page.
- 02
UX Approach
The homepage speaks to where the visitor lives — “Roofing Built for Where You Live” — and every page keeps the next step visible. Asking for an estimate is either one tap to call or a short sequence: choose a service, request an estimate, add photos.
- 03
UI / Visual Direction
A palette of slate navy, warm terracotta, soft sand, off-white and charcoal — trustworthy without the clichés of the category — with project photography and before/after comparisons doing the selling.
The Build
Development
A marketing website built on reusable templates — a location page and a service page that each area and service fills with its own content — plus an estimate request flow designed mobile-first, with photo upload built in.
Key Features
- 01Location-aware homepage
- 02Service-area system: one main site branching into county pages
- 03Location page template with local reviews and projects
- 04Service page template with a before/after slider, six-step process and FAQs
- 05Mobile estimate request with click-to-call and photo upload
The Result
Final Product
One website that scales across service areas: every location with a page that's genuinely local, every service explained properly, and an estimate request a homeowner can finish from their phone.
01 / 04Before: the original website and its inconsistent location experience 
02 / 04The new homepage and the multi-location service-area system 
03 / 04Location page and service page templates 
04 / 04The estimate request flow on mobile
Outcome
Results
More homeowners finish their estimate request and fewer give up part way, the requests that arrive are more detailed, and new locations launch 42% faster.
- +35%Estimate completion
- 28%Less abandonment
- 5 → 3Interactions to complete
- 42%Faster location launches
- +31%Detailed enquiries
Start a Similar Project
Planning something similar?
Tell us what you're building and what it has to do. We'll come back with how we'd approach it — the same way we approached Tetti Roofing.
Services on this project