← All work Concept · Roofing contractor

Bellmont Roofing Co.

A fast, confident one-page site for a heritage roofer, designed to turn a Google search into a booked inspection.

Type

Concept build

Plan level

Launch

Year

2026

Built with

HTML, Tailwind CSS

Visit live site ↗
keenanfrench.github.io/bellmont-roofing-site
Bellmont Roofing Co. homepage
The brief

Tradies get found on Google and judged in about five seconds. The site had to load instantly on a phone in a driveway, look like a business that has been around for decades, and make the next step obvious.

The approach

Restraint over flash: deep navy and terracotta like the roofs themselves, a classic serif, and no heavy animation libraries. The page follows a simple sales story (who we are, how it works, proof, quote) with the call-to-action never more than a thumb away.

Design system
Navy#0F1720
Terracotta#BF5B3E
Off-white#F5F4F1
HeadingsSource Serif 4
BodyWork Sans
Signature feature

Speed. It is a single lightweight page built for Core Web Vitals, so it loads fast on 4G and ranks well, the things that actually win local trades work.

What was built
  • Conversion-focused one-page site
  • 4-step process section
  • Project gallery
  • Reviews & trust signals
  • Sticky quote button on mobile
  • SEO-first, lightweight build
Screens
Bellmont Roofing Co. website section
Bellmont Roofing Co. website section
Bellmont Roofing Co. on mobile

Concept project: Bellmont Roofing Co. is a fictional business created to show what a Launch build looks like.

Want one like this? → See the Launch plan