Case study

Bill Ragan Roofing.

I built Bill Ragan Roofing's site to speak to homeowners worried about bad contractors, with a no-pressure message, a roof cost calculator, a service picker and a simple three-step path to a quote.

Visit live site Start a project like this

IndustryRoofing

Roofing Roofing Web Design Web Development

Hover or swipe to scroll the full page

billraganroofing.com Desktop

Full-length desktop screenshot of the Bill Ragan Roofing website

HOVER TO SCROLL

// how it was built

From brief to launch.

Many Nashville homeowners have been burned by a roofer before, so I planned this site to name that fear and answer it.

01 discover

Burned before

I found many visitors had a bad experience with another roofer and wanted reassurance.
02 plan

Problem, promise, process

I ordered the homepage as guarantees, the risk of a bad roofer, why trust us and three steps.
03 design

Friendly and clear

I used the brand orange and blue, soft shapes and photos of finished Nashville homes.
04 build

Tools that help decide

I built the cost calculator link, service dropdown, testimonial slider and quote buttons.
05 optimise

Mobile-friendly quotes

Quote buttons repeat down the page and the layout stacks cleanly on a phone.
06 ✓ shipped

A calmer first step

Homeowners can now check costs or request a quote without feeling sold to.

What I did

The build, step by step.

Two ways to start. The hero offers a free quote or a roof cost calculator for people not ready to talk.
Three promises. Lifetime craftsmanship guarantee, no sales games and peace of mind sit in cards under the hero.
A service picker. A dropdown sends visitors straight to the service they need.
The cost of a bad roofer. A section lists what goes wrong with the wrong company, then a checklist shows why this one is different.
A three-step path. Inspection, meeting a roofing advisor and a finished roof are explained, with a customer video and testimonial slider.