Skip to content
Commercial roofing · 03/12

Commercial roofing

A contractor selling four distinct services — roofing, cladding, scaffolding and emergency call-out — had them stacked on one page, so none of them ranked and none read as a speciality.

Sector
Commercial roofing
Region
North West England
Stack
Next.js · React · TypeScript
Status
Delivered

[ The transformation ]

What changed.

01

Every service given its own route, each addressable and each able to rank separately.

02

Credibility moved above the fold: projects completed, accreditations, and round-the-clock availability.

03

Fully static build, because the audience opens this on a phone at the side of a job rather than on a desk.

Next.jsReactTypeScriptStatic export

What it does now

Four services that read as four specialities instead of one list, on a site that loads on a bad signal.

[ Design system ]

What it's built from.

Read off the delivered stylesheet, not chosen for this page.

Palette

#1E293BSlate
#0F172AInk
#E5E7EBSurface

Typefaces

Oswald

Headings

Jost

Body

Every route pre-rendered static, so the page arrives as HTML before a line of JavaScript runs.