← Back to Portfolio
Concept websitePlumbingTrades

Rio Verde Plumbing Co.

Industrial · High-contrast · Built for urgency

A 24/7 emergency plumber's site engineered around one action: calling the number. Dark, loud, and impossible to misread at 2am.

Open the live conceptFictional business, designed to demonstrate range
rio-verde-plumbing.concept, live preview

Live embed of the actual concept site, not a screenshot. Open it full-screen ↗

Overview

The brief we gave ourselves

A concept for a 24/7 emergency plumbing company. When someone lands on a plumber's site there's a good chance water is running across their floor, so the design is built around urgency and trust, in that order.

The visual language comes off the job site: safety orange on near-black, hazard-stripe dividers, condensed industrial type. For a homeowner in a panic, looking capable is half the sale.


Design goals

Every choice had a job to do

Make the phone number unavoidable

The number sits in the top bar, sticky nav, hero, hours card and closing section — always tappable, always labeled 24/7.

Look like the crew, not the brochure

Safety orange, hazard stripes and condensed type signal blue-collar competence. No stock handshakes: the aesthetic is the trust signal.

Answer panic questions in seconds

Do you answer now? (Live-dispatch pulse.) How fast? (2-hour windows.) Will I get ripped off? (Flat rate, late = free.) Every objection answered above the fold.

Zero decoration without function

Every element earns its place: proof stats, guarantee band, neighborhood reviews, service-area list. The dark theme keeps orange CTAs at maximum contrast.

Features implemented

What’s actually in the build

  • Sticky emergency call bar with 24/7 dispatch line
  • Live-dispatch pulse indicator for 'we answer now' credibility
  • Proof-stat band (response time, rating, arrival windows, licensing)
  • Six-service grid with hover states and a 'most called' badge
  • Guarantee band: upfront pricing, clean-boot policy, lifetime workmanship
  • Review cards anchored to real neighborhoods
  • Service-area grid covering the Las Vegas valley
  • Click-to-call CTAs styled for one-thumb mobile use

The business problem

Why this design makes money

Emergency plumbing is a race. The first company that looks trustworthy and answerable gets the job.

Most plumbing sites bury the number, open with a paragraph about being family-owned since 1987, and make a panicking homeowner hunt for proof anyone will pick up. Every second of hunting is a second closer to the next Google result.

This design treats the website like a dispatcher: it answers the three panic questions immediately, keeps a call button under the thumb, and signals real crew, real trucks — converting high-intent traffic before a competitor can.


Design gallery

The system up close

Before & after

The typical site vs. the concept

Before: the typical plumbing website
  • Phone number hidden in the footer
  • Generic stock photos, dated clip-art logo
  • Wall of text about company history first
  • No proof anyone answers after hours
  • Desktop-first layout, tiny tap targets
After: the concept
  • Call button in every viewport, always tappable
  • Job-site visual language builds instant trust
  • Panic questions answered above the fold
  • Live-dispatch indicator + 24/7 promise up top
  • Built one-thumb mobile-first

“Before” shown as an illustrative placeholder, on a real engagement this is your current website, and the numbers that change with it.