Concept Ridgecap Roofing · Roofing · Lakewood

A roofing website built like shingle courses

A roofing site laid in shingle courses from the eave up, with a roof estimate by size, pitch and material.

View the live concept Get a quote for yours

Ridgecap Roofing home page on a desktop screen — Ridgecap Roofing is a made-up brand. I designed and built it to show what a roofing site can look like; the people, prices, results and reviews on it are samples.

Ridgecap Roofing home page on a phone — Ridgecap Roofing is a made-up brand. I designed and built it to show what a roofing site can look like; the people, prices, results and reviews on it are samples.

The brief

Ridgecap Roofing is a made-up roofer in Lakewood doing repairs, full replacements, tile and metal roofs, and storm damage.

Homeowners want a ballpark before they let anyone on the roof, and after a storm they want to know whether a stain or a missing shingle can wait. Most roofing sites give a phone number, a gallery and a “free estimate” form.

Industry: Roofing
Type: Website
Pages: 3
Fonts: Manrope
Colors: SkySlate shingleShadow lineNavyGutter

The idea

Shingle courses

A roof goes on from the eave up, so the home page’s roof lays its courses bottom to top and finishes with the ridge cap, the name. Every section starts with the bottom edge of a course, page heads are a sign on a field of shingles, and the footer is that field under a navy ridge. Slate shingles, navy and sky blue; Manrope.

Design decisions

A roof estimate from the yard

House length and width, the overhang, the pitch (drawn as a gable end that tilts as you pick), the shape and the layers give the roof area, the squares with waste, the number of courses and a sample price range for shingle, tile or metal.

Storm damage, triaged from the ground

Tick what you can see from the yard and the page says what it means: a leak gets tarp steps and a call, visible damage gets an inspection this week, small signs can wait a few weeks.

The deposit limit, said out loud

The license strip states the California limit on a down payment, $1,000 or 10% of the job, whichever is less, next to the license line.

Roof estimate

The same page on a desktop and a phone. Try it live

Ridgecap Roofing: Roof estimate on a phone

What’s built

Roof estimate by size, pitch, shape, layers and material
Courses from eave to ridge, worked out from the pitch
A low-slope note when the pitch is under 4 in 12
Storm damage checklist with what to photograph
Free inspection booking that carries over the job type
Shingle, tile and metal cards with sample price and life

Pages to try

Everything works in the browser. Forms and checkout don’t send anything.

Want one like it?

A site like this starts at $5,000.

Your site gets its own idea, the way this one does, built around your business and your customers. You get one fixed price in writing, once you send the details, and you work with me directly from the first sketch to launch.

Pricing and process Roofing website design

Free fixed quote

Get your fixed quote

You get a fixed-scope quote within 48 hours. Everything by email.