Skip to content

← Client work·03 / 12

Commercial roofing

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.