Automotive Design · 186 of 210

Hazard Dispatch

Black and hazard amber with chevron stripes, a dispatch board and a call bar that never leaves the screen. Built for someone stuck on the shoulder at 2 a.m. who needs a truck now.

Built for Towing, Roadside Assistance (Jump, Lockout, Tire, Fuel), Junk Car / Cash for Cars. Sample business on the page, Amberline Towing, Atlanta GA.

Hazard Dispatch website design on a desktop
The first screen, “Stuck? A Truck Is Rolling.”

Colors

#ffb000
#0d0d0c
#b3ada0
#2e2c28
#1c1b19
#ffc940

Fonts

  • Cabin Condensed
  • Asap

Sections In Order

  1. Stuck? A Truck Is Rolling.
  2. What Kind of Tow Do I Need?
  3. Real Calls, Real Times
  4. The Right Truck for the Job
  5. Out There Every Night
  6. Metro Atlanta, Around the Clock
  7. Quick Answers
  8. Nav: Quick actions

Built In

  • @property beacon accent on the dispatch button
  • night grain texture
  • exclusive accordion FAQ with animated open
  • one tap action bar
  • Tool on the page, What kind of tow do I need
  • FAQ accordion
  • Click-to-call phone links
  • Form
  • Sticky header/bar
  • Range slider input
  • Inline SVG graphics

The Whole Page

Full page of the Hazard Dispatch design

On A Phone

Hazard Dispatch on a phone
↑