Choose Theme

Plumbing Concept Redesign

Why this standard local plumbing website layout loses ~30% of its mobile traffic — and what I'd build instead.

Concept audit. This breakdown is based on a real audit of a generic local plumbing site in the West Midlands (not Greater Manchester). The business is not named, linked, or affiliated with this project. The redesign uses a fictional brand — Thames Flow Plumbing — for demonstration only.

Part 1

The Critique

Most local trades sites follow the same template: stock hero photo, Services / About / Contact nav, phone number buried in a paragraph. On mobile — where the majority of emergency searches happen — that layout quietly kills enquiries before anyone picks up the phone.

0
Click-to-call links
40+
Inline style tags
~52
Typical mobile PageSpeed
Before Desktop — typical layout
Plain text — not clickable Tiny nav links
Before Mobile — where calls are lost
No call button

Part 2

The Solution

Thames Flow is a fictional Birmingham brand — rebuilt to feel like a real local outfit wrote it themselves, not a template. Still optimised for calls. Just... human about it.

After Concept redesign — desktop
After Sticky call bar on mobile

Part 3

The Lesson

Every choice in the redesign maps directly to a conversion problem. Here's exactly what changed — and why.

01

Conversational copy, not corporate fluff

"Standing in an inch of water?" beats "Your trusted local plumbing partner." Speaks to the moment someone's actually in — at 3am, on the loo, panicking.

02

Asymmetric layout + editorial photo frames

Offset hero, tilted photo frame, overlapping phone card. Feels hand-placed — not a rigid Hero → 3 Cards → CTA grid every AI site uses.

03

"Sound familiar?" instead of feature cards

Real scenarios with timestamps (3am ceiling bulge, Monday boiler flash). Prospects see themselves in the list — not a generic icon grid.

04

Time-of-day greeting + idle call pulse

Small JS touches: morning vs late-night copy, gentle pulse on the call button after 4 seconds. Shows someone thought about who's visiting and when.

05

Sticky mobile bar: Call · WhatsApp · Callback

Primary actions stay visible. Every number is a tel: link with 48px+ tap targets — fixes the #1 mobile failure on trades sites.

06

Fraunces + Karla on warm paper tones

Petrol blue and copper on off-white — workshop character, not SaaS navy-and-orange. Subtle paper texture, hand-drawn underline, rotated area tags.

Part 4

Why It Works

Prospects don't actually care who you've worked with — they care if you understand their problems. A plumber at 11pm doesn't want to see your portfolio of cafés. They want to know you get why their phone number isn't getting calls.

Showing a conceptual breakdown — critique, solution, and the reasoning behind every choice — proves you possess the exact strategy they need. It's not a vanity gallery. It's evidence you think like a business owner, not just a designer.

That's the difference between "here are some websites I made" and "here's why yours is losing enquiries, and here's what I'd do about it."