KreativeTab
All work

Showcase build: what we can create for you

Peakline Plumbing & Heating

Type: Plumbing and heating website·Websites·2026

  • Website
  • Lead generation
  • Local SEO
  • Astro

Showcase build: a lead-generation website for a Derby plumbing and heating firm, built to turn local searches into quote requests and emergency calls.

Case study

The problem

Trades businesses live or die by local search and phone calls, but many sites bury the phone number, have no clear prices and say nothing about the areas they actually cover.

What we built

A fast site with a three-step quote form, a dedicated emergency page with a tap-to-call button and what-to-do-now advice, a services and prices page, and 8 area pages for Derby neighbourhoods (Allestree, Mickleover, Littleover, Chaddesden, Spondon, Alvaston, Darley Abbey and Oakwood), each with its own local content for search. The quote form is a demo and doesn't send anything.

Stack

  • Astro
  • Keystatic CMS
  • Tailwind CSS
  • Vercel

Lighthouse scores

  • 100 Performance
  • 100 Accessibility
  • 100 Best practices
  • 100 SEO

Real Google Lighthouse run, mobile settings, on kt-demo-peakline.vercel.app on 2 November 2026. Scores can move a few points between runs.

Built by KreativeTab to show what's possible.

Process

How it came together, step by step. Select an image to enlarge it.

  1. Pencil-and-marker paper sketch of early layout ideas for the Peakline Plumbing & Heating website. 01 Enlarge image
    Early sketch: first layout ideas on paper, shown as an AI-generated illustration.
  2. Greyscale low-fidelity wireframes of the Peakline Plumbing & Heating website: a desktop page and mobile screens with placeholder images and text bars. 02 Enlarge image
    Wireframes: page structure for desktop and mobile, drawn from the finished build with colour, images and copy stripped back.
  3. UI design board for the Peakline Plumbing & Heating website, showing desktop and mobile frames, colour styles, a type scale and component variants. 03 Enlarge image
    UI design board: desktop and mobile frames, colour styles, type scale and components from the finished build.

The Peakline home page on desktop: hero, problem picker and services
Home page (desktop)
The three-step quote form The emergency page with a large call button
Quote form and emergency page
The areas page listing Derby neighbourhoods The Mickleover area page
Area pages for local search
Three mobile screens: the home page, the quote form and the emergency page
On a phone: home, quote and emergency

More projects

All work →