CONCEPT DESIGN · Not a real client site · View the live build →
Plumbing · Concept #02 · North Vancouver, BC

Coast Green Plumbing

A North Shore plumbing crew that specialises in tankless water heaters and energy-efficient systems. Premium-mid pricing, owner-operated feel, eco-conscious without the eco-cliches. Deep coast blue + sage green industrial register.

Hands torquing copper pipe under a tankless water heater — Coast Green Plumbing concept hero
The concept

Most BC plumbing sites split into two camps. Either the cartoon-mascot, "your local plumber problems solved" register, or the corporate-fleet-of-vans look that says nothing about the actual crew. Coast Green walks the third path — a small, owner-operated North Shore crew that specialises in tankless and full-service work, written like a senior tradesperson explaining the job, not a marketing department.

The eco angle is real but quiet. Sage green is the only signal — no "eco-friendly" badges, no recycled-leaf icons, no green-washing. The work speaks for itself: tankless, BC Hydro savings tracked on a sample install, twelve-year warranty, WCB-covered crew.

Target buyer

Independent owner-operated plumbing companies in the Lower Mainland — North Shore, Vancouver, Burnaby, the Fraser Valley. Crews of 2–8, $200–$300/hour quoting, premium-mid segment. Owners who want a website that respects the work — not chase the cheapest-plumber-in-town race to the bottom.

Why this concept for IshaanEx

Plumbing is the highest-paying local service trade in BC and the most cluttered with low-trust websites. A crew that wants to charge $200/hr and quote $4,500–$8,000 tankless installs needs a site that justifies the price before the call. This concept shows what that looks like.

Design notes

What makes this concept different.

01

Hero plays an 8-second seamless tankless install loop — copper torque, vapor drift, LED pulse. No stock plumbing footage.

02

Sage green eyebrows + icons signal eco/efficiency without ever using the word "eco-friendly"

03

Phone number tabular-numeral spaced as 604 · 555 · 0100 — reads like a tradesperson card, not a marketing CTA

04

Every license, WCB, and insurance number labelled "Sample" in red so nobody mistakes the concept for a real business

05

Service area shown as a hand-drawn SVG map of the North Shore + Vancouver + Burnaby — not a generic Google Maps embed

06

Alert red used for one thing only: emergency / after-hours callouts. Never a generic CTA colour.

07

Mobile nav opens as a slide-over panel with the phone number anchored at the top — not a basic dropdown

Palette · Coast Current

Six colours. Used on purpose.

Deep coast blue
#0F3C5C
Primary — nav, footer, headings, primary buttons
Sage green
#4A7C59
Eco accent — eyebrows, icons, secondary CTAs
Bone white
#FFFFFF
Dominant background (80%+ of every page)
Stone grey
#F4F6F8
Card surfaces, section breaks
Ink
#0A1A24
Body text — never pure black
Alert red
#D64533
Emergency CTAs only (max 2 uses per page)
Tech stack

React + hand-written CSS, served as static HTML. Google Fonts (Space Grotesk display + Inter body). Lucide stroke-icons at 1.5–1.75px. Single hero video at 720 KB. No tracking, no analytics, no third-party embeds.

If this were a real client

Here’s what we’d change.

A concept site isn’t the finish line — it’s the starting frame. These are the real-client shifts we’d make on day one of a paid engagement.

Want one like this?

We build trade-business sites custom.

Custom-coded for speed, WordPress or Wix if that fits better. We meet you where you are.

Or call 250-271-7055 — sometimes it’s faster to just talk.