Marketing sites for roofing, siding, and exterior remodeling contractors. Every site shares one layout (hero with a quote form, services, offers, gallery, process and proof), then gets its own branding so each contractor looks like the only one in their market. Over fifty built; five shown here.
The most graphic of the set — black sections, gold rules, and a bolt mark pulled from the logo that flags storm-damage moments down the page. The five-step process block is built on oversized numerals so it reads like a poster set inside the site.
Roofing, siding, and windows for a small local crew. Photography carries the page, so the interface stays close to black and white: hairline cards, one quote form floated over the hero, and a topographic watermark that nods to the landscape without getting in the way.
A darker, quieter build for a contractor whose selling point is the warranty. Diamond-cut badges in the trust bar, a side-by-side comparison against other roofing companies, and an FAQ block that answers what a storm-damage customer opens with.
The lightest of the five: white cards on white, red held back for links and accents, and a tabbed services rail so four categories fit one screen. A skyline silhouette and a community sponsorship block root the company in its city.
Five service lines instead of three, so the services grid uses icon-corner cards that keep scanning fast. Orange does all the pointing — buttons, numbered process steps, and a chevron motif that runs down the page like a roofline.