Bighorn Roofing
Hail comes through the Front Range every spring. The roof is the part you find out about later.

Bighorn Roofing is a sample business created to demonstrate this build. The details, including the phone number, are illustrative — it is not a real company or a client.
The brief
Roofing does not convert like the other three trades, and building it as though it did would have been the easy mistake. A burst pipe or a dead air conditioner is an emergency: the homeowner is already in distress, already dialling, and the only job of the page is to be reachable in under ten seconds. A roof is almost never that. Hail goes through in April and the homeowner does nothing for six weeks, then notices granules in the gutter, then asks three neighbours who they used, then gets two or three companies out. It is a considered, high-value purchase with an insurance company sitting in the middle of it.
So this variant moves weight out of the response-time argument and into proof. The hero is image-led rather than text-led: the photograph holds the top two-thirds of the screen, the content is anchored to the bottom, and the headline is the largest type in the whole system. The storm CTA is a glass bar seated flush on the hero's lower edge that hands straight off to the red emergency strip below it — present and unmissable for the person whose roof is open right now, without turning the company into an emergency-only outfit for the person planning a replacement in six weeks.
The services drop the grid entirely for a six-column asymmetric layout of dark project tiles, each carrying its glyph as an oversized watermark. Full replacement takes a four-column featured tile in brand green because that is the job worth having; leak repair and hail damage take narrower ones. It reads like a portfolio of work rather than a menu of call-out categories.
The four-step block that carries trust on the other three demos is read here as a process: inspection, photo report, estimate and insurance, install and warranty, with a rule running through the numbers left to right. Roofing anxiety is procedural — people are frightened of being upsold on damage they cannot see from the ground and of mishandling a claim — so naming the sequence does more work than another list of virtues. The gallery is then promoted into a banded asymmetric proof wall with a large feature tile, because in this trade the photographs are the argument.
The content is Denver, not generic roofing. Hail Alley runs straight through the Front Range and Colorado is routinely the most expensive hail-claim state in the country. Class 4 impact-resistant shingles are named because Colorado insurers genuinely discount premiums for them. Ice dams, high-altitude UV and adjuster meetings are named because those are the conversations. Eight metro cities, RoofingContractor schema, and the aggregate rating omitted as everywhere.
The final conversion section splits two-column — the argument on the left, the four-field form on the right — instead of the centred card the other three use. Every conversion invariant survives untouched: tap-to-call largest on mobile, sticky call bar, emergency strip under the hero, four fields, one H1.
What's on the page
- The "ridgeline" variant — image-led hero, bottom-anchored content, dark header
- Services on a 6-column asymmetric grid of project tiles, replacement featured
- The four-step block read as a process timeline: inspect, document, estimate, install
- Gallery promoted to a banded asymmetric proof wall — the photographs are the argument
- Split two-column quote section instead of the centred form card
- Denver hail, Class 4 shingles and insurance adjusters — not generic roofing copy
The numbers
- Page weight
- 78 KB
- Build time
- Under 90 minutes
Desktop and mobile


Want one of these for your business?
Same build, your trade, your town. Free demo in 48 hours.


