Plumbing & heating · Southampton, Hampshire
Emberline Plumbing & Heating
A warm, editorial multi-page site for a family-run heating firm, with a quote form on the first screen, fixed-price boiler installs, a home heating check that works out which grants you qualify for, and a full advice and area-page hub for local search.
Type
Concept build
Year
2026
What I did
Web design, Development, Local SEO, Copywriting
Built with
Next.js 16, React 19, Tailwind CSS v4, Motion
The brief
A warm, multi-page heating site with a grant checker and SEO hub.
Heating firms all look the same online: blue vans, stock boilers and a phone number. Emberline needed to feel like the friendly local team you would trust in your home, while still capturing quote requests and ranking for "boiler installation" across several towns.
The approach
- 01
Went warm and human instead of corporate blue: cream backgrounds, ember orange, an expressive serif with italic accent words and real lifestyle photography.
- 02
Put a chip-based quote form right in the hero ("New boiler", "Boiler repair", "Heat pump"...) so starting an enquiry takes one tap.
- 03
Built a home heating check that works out which 2026 Boiler Upgrade Scheme grants a household could get, a lead magnet that is genuinely useful.
- 04
Structured the site for local SEO: nine service pages, four town pages with unique copy, three advice guides, plus prices, reviews and about pages.
Key features
What makes it work.
Hero quote form
One-tap service chips, name, phone and postcode, with a same-day callback promise.
Home heating check
A step-by-step tool that shows which heat pump grants a home qualifies for.
Before/after slider
Drag to compare an old boiler cupboard with the finished install.
Finance switch
Toggle prices between pay-in-full and monthly to lower the barrier.
"Us vs them" table
An honest comparison against national and online boiler firms.
SEO content hub
Service, area and advice pages, each written to rank for a real search.
The full homepage
Scroll the whole page.
Scroll inside the window to see every section, top to bottom.
On mobile
Phone-first.
Most visitors arrive on a phone, so the mobile layout gets designed first, not squeezed in at the end.
Design system
Colour & type.
A small, deliberate palette and type pairing, used consistently across every page.
Cream
#f6f1e9
Warm charcoal
#2a1f1a
Ember
#c9441e
Ember bright
#e4572e
Emberline Plumbing & Heating is a fictional business created to show this design. The site is fully built and working; reviews, prices and team details are example content.
Next project
First Rate Roofing
A trust-first roofing redesign with real job photos and reviews
View case study
Want results like this for your business?
Tell me a bit about your business and what you need. You'll get a clear, no-obligation quote back.