Home Services Design · 158 of 210

Storm Radar

Charcoal and copper with tall condensed type and a radar sweep behind the hero. Built for the homeowner who just heard hail on the roof and wants to know how bad it is.

Built for Roofing, Gutters. Sample business on the page, Red Dirt Roofing, Oklahoma City OK.

Storm Radar website design on a desktop
The first screen, “Hail Hit Last Night? Get Eyes on the Roof.”

Colors

#c8773a
#363b42
#e0925a
#e8e4dc
#16181b
#a9a49b

Fonts

  • Barlow Condensed
  • Libre Franklin

Sections In Order

  1. Hail Hit Last Night? Get Eyes on the Roof.
  2. How Bad Is It, Really?
  3. What We Do After the Sirens
  4. Your Claim, Explained in Plain Words
  5. The Whole OKC Metro
  6. Storm Questions We Get Every Spring
  7. Nav: Quick actions

Built In

  • shape() roof pitch section edge
  • SVG service area map
  • one tap action bar
  • exclusive accordion FAQ
  • Tool on the page, Hail and wind damage check
  • FAQ accordion
  • Click-to-call phone links
  • Form
  • Sticky header/bar
  • Range slider input
  • Inline SVG graphics

The Whole Page

Full page of the Storm Radar design

On A Phone

Storm Radar on a phone
↑