B2B Home Services Design · 155 of 210

Flat Roof Survey

Industrial white, safety orange and slate, laid out like a roof survey with a phasing plan drawn right on the page. Built for the facility or property manager deciding whether to repair, coat or replace a big flat roof without shutting the building down.

Built for Commercial Roofing, Roofing (Repair / Replacement). Sample business on the page, Brazos Commercial Roofing, Waco TX.

I Want A Site Like ThisOpen The Live Design
Flat Roof Survey website design on a desktop
The first screen, “Repair, Coat or Replace? Get a Straight Answer.”

Colors

#334155
#1e293b
#f26b1d
#5b6676
#d9dde3
#b3470b

Fonts

  • Changa
  • IBM Plex Sans

Sections In Order

  1. Repair, Coat or Replace? Get a Straight Answer.
  2. Which One Does Your Roof Need?
  3. Three Answers, Five Kinds of Roof
  4. We Survey Before We Quote
  5. What Building Owners Say
  6. Questions Before You Commit

Built In

  • invoker command dialog with @starting-style
  • customizable select
  • sibling-index() staggered phase plan
  • corner-shape bevel
  • Tool on the page, Flat roof repair, coat or replace advisor
  • FAQ accordion
  • Click-to-call phone links
  • Form
  • Sticky header/bar
  • Photo lightbox (dialog)
  • Range slider input
  • Inline SVG graphics

The Whole Page

Full page of the Flat Roof Survey design

On A Phone

Flat Roof Survey on a phone

More B2B Home Services Designs

Rooftop Roster website design
Rooftop RosterCommercial HVAC, HVAC Repair
Rain Shift website design
Rain ShiftCommercial Roofing, Roofing (Repair / Replacement)

Next Design, Stone and Timber All Designs

↑