All Raingutter Systems
- Project
- Live client website
- Audience
- East Bay homeowners
- Role
- Website design and build
The brief
Who it’s for. What it needs to do.
A homeowner sees a leak. The website needs to help them find the right person.
All Raingutter Systems is a family roofing, gutter and skylight contractor based in Brentwood. The brief called for a responsive website with clear service information, local landing pages and a useful route into an estimate. A homeowner should be able to start with a ceiling stain or an overflowing gutter, even if they do not know which trade they need.
Cameron designed and built the website around that homeowner journey. The visual direction borrows from a contractor’s field notebook: ruled paper, job photographs, practical checklists and clear spaces for the next action.
Design decisions
A closer look at the choices behind the pages.
Start with the problem at the house
The homepage leads with roofing, gutters and skylights, then offers recognizable situations and direct routes into the relevant service. Each trade has room for its own detail. A phone option stays close to the estimate action, giving homeowners a choice about how to begin.
Explain the work before asking for the job
The gutter pages develop the service beyond a single sales paragraph. Materials, repair and installation routes give a visitor more context for an inquiry. The notebook styling carries through the details, while photographs keep the work grounded in actual homes.
Keep the next step close on a phone
The same homepage adapts to a narrow screen, keeping the service message, estimate action and phone option together. The screenshot shows the mobile layout with the cookie notice hidden for the capture; the live site keeps its normal consent behavior.
The visitor journey
From the first question to the next step.
Recognize the problem
Begin with the situation at home, then choose roofing, gutters or skylights. The homeowner does not need to know the name of a repair before starting.
Check the service and location
Read the relevant service page and confirm the business works in your area. The local content gives those two questions distinct answers.
Understand what happens next
The homepage explains the call-to-visit process and answers common questions before the estimate step.
Request a visit
The estimate journey gathers the job and contact details so the office has something useful to follow up on. The phone route remains available.
Delivered work
What’s here, and what it demonstrates.
What was built
A live website covering the three trades, their services and local service areas, with an estimate entry point and supporting homeowner guidance. The page structure lets the office keep public information current without losing visual consistency.
The result in context
The delivered result is a working public website with a clearer route from a homeowner’s problem to an inquiry. This case study documents the build and its design choices; it does not claim a measured increase in leads, rankings or booked jobs.
Explore the website
Take a closer look at the finished pages.
Explore the key pages below, or open the full-page view for a closer look.
View the full-page screenshot
Let’s make it yours.
Tell us about your business, the people you serve, and what your website needs to do.