Work
← all work

Case study

Mr. Plastic Repair

A phone-first website for a one-man bumper welding shop in Toronto.

Mr. Plastic Repair homepage on desktop: giant wordmark over a blue ribbon with a Send a photo for a quote button
Mr. Plastic Repair homepage on a phone

01 · The brief

James runs Mr. Plastic Repair alone in Toronto, welding cracked bumpers back together instead of replacing them. His site had great copy, but it buried the one thing customers need to do: send a photo of the damage.

The old homepage on a phone: centred text, with the phone number and email as plain text halfway down
The old site on a phone: no button to start a quote. The phone number and email sit in plain text halfway down.

02 · Research

Who's actually on this page?

A driver who just cracked a bumper, standing next to the car, on a phone, often just quoted for a full replacement.

  1. 01Phone firstMost visitors arrive on a phone, right after the damage.
  2. 02Quotes start with a photoThe old site hid that step behind everything else.
  3. 03The copy was goodKeep James's words. No new claims.
  4. 04Trust needs proofReal before/after photos and real reviews.

03 · Design

One page, one ask: “Send a photo for a quote.”

Every section either builds trust for that ask or repeats it.

palette

  • #DCE6FF
  • #7C97F0
  • #3E5BD0
  • #1C2AA8
  • #F7BE00
  • #FFFFFF
  • #000000

#DCE6FF · #7C97F0 · #3E5BD0 · #1C2AA8 · #F7BE00

type

Half Day Bumper

Anton for headlines, outlined pills for buttons

tried vs. chose

photo hero

big wordmark + stickers

A one-person shop needed to look like a confident local brand, not a stock-photo garage.

our work · old vs. new

swipe on phones · arrow keys on desktop

The old Before and After section: a grid of mixed-size photos with no labels
old · one grid of mixed-size photos, no labels
The new before and after viewer on a phone
new · one labelled pair at a time

04 · Build

From cracked bumper to WhatsApp chat.

The form saves the photos, then opens WhatsApp with a ready-made message to James. No paid messaging API, no fees, and James gets the customer's number automatically.

  1. step 1Upload photos
  2. step 2Name + phone
  3. step 3Send to James
  4. step 4WhatsApp opens
  5. step 5James replies

Built with

05 · Final screens

The result

Half Day Bumper section with the four how-it-works steps
how it works
Quote form with one photo added and the Send to James button
quote form
One last tap screen showing the ready-made WhatsApp message to James
one last tap

A phone-first site where a customer goes from a cracked bumper to a WhatsApp chat with James in a few taps.

$0 / mo

only the domain costs money

his name

every account is James's, so handover is just removing my access

Status: working demo, going live once James is ready to launch.

Keep exploring

next projectDeccan Producemobile-first site for an Indian fruit exporterneed a site like this?Say hipatelvivek.v7@gmail.com