Copperline Plumbing

Most people land on a plumber's website with water on the floor or a cold radiator. This design is built for that moment: the number first, then one question about the problem.

This is an in-house design for a fictional business, not a client site.

The brief

Copperline Plumbing is an invented plumbing and heating firm with two engineers, each with a van. It fits boilers, fixes leaks and fits bathrooms for homeowners in a market town and the villages around it.

Target: more calls from people with an urgent problem, and bathroom enquiries that arrive with enough detail to price.

Pages designed

  • Home (shown here)
  • Boiler installation
  • Leaks and burst pipes
  • Bathroom fitting
  • Areas covered
  • Contact

Design choices

  1. The emergency line comes first

    A copper strip runs across the top of every page with the call-out number in it. On a phone it turns into a call bar pinned to the bottom of the screen, where a thumb can reach it.

  2. Ask what has gone wrong, not who they are

    The hero card offers four common problems. Each one leads to a short form that asks what an engineer would ask on the phone, so the first call starts with the facts.

  3. Warm colours for a water trade

    Deep navy, copper and cream instead of the usual pale blue. It looks like a family firm with a well-kept van, and the copper ties straight back to the name.

  4. A serif with some character

    Fraunces for headings reads like good sign-writing on a van door. Work Sans keeps the service details plain and easy to scan.

  5. Gas Safe in words, next to the number

    A small badge reading "Gas Safe registered engineers" sits right under the call button, beside the call-out price and opening hours. It is drawn in the site's own copper and cream, not a copy of any official logo, and it answers the first thing a careful customer checks.

  6. Photos of the work, not the workers

    Each of the three main jobs has its own photo of pipework, fittings or a finished basin, so the services read at a glance. The team appears as first names and roles with monogram badges, which keeps the page personal without stock faces.

Palette and type

  • Navy #10262e
  • Copper #b8602f
  • Cream #f7f1e8
  • Mist #d9e6e3

Headings in Fraunces, with Work Sans.

The same homepage on a phone.

Want the phone to ring from your own website?

Tell us your trade and where you work. We will come back with a straight answer on what would help and what it costs.

  • Free, written quote
  • Reply within one working day
  • Meetings on Zoom or Google Meet

We only use your details to reply. Privacy