Works done

NorthstarPlumbing & Heating

Precision in every connection.

A concept website for a fictional heating company, designed and built by VERTEX SYSTEMS.

BOILERFLOW / RETURNVALVE
Select a point to see what it does. An illustration, not a product specification.

A better service experience starts before the engineer arrives.

Northstar explains the work, the scope and the next step in plain language, so a visitor can ask for a quote with confidence.

Project type
Local service website
Art direction
Technical minimalism
Primary goal
Clearer enquiries
Status
Fictional concept

Both views are the real concept site running at true desktop and phone widths, not screenshots. Open the interactive concept website.

Colour

Warm white#F6F2EAReading surfaces
Muted copper#C28A59Pipework and accent

Typography

Heating, explained.

Straightforward advice, a written scope and a clear next step.

Barlow 700, 500 and 400

Schematic

BOILERFLOW / RETURNVALVE
Select a point to see what it does. An illustration, not a product specification.

Service interface

The quote journey

Select service

One question, large touch targets, and a plain-English choice of what is wrong.

Design decision: start with the problem the visitor already knows, not a form of fields.

Four decisions

Schematic over stock photography

A copper line drawing says the trade without a generic image, and it stays sharp at every size.

Services without clutter

Four areas of work, each with what a visit typically includes and a direct route to a quote.

A three-step quote journey

Service, property, then contact details, with validation and a summary before anything would be sent.

Mobile action within reach

A sticky bar keeps the quote request in thumb range on a phone.

Designed for a phone first

  • The layout is recomposed at phone width, not shrunk.
  • Buttons and form controls are at least 44 px tall.
  • Service information stays readable without zooming.
  • The quote request is one tap away from anywhere.

Rendered live at 390 px wide.

Blueprint

  1. Content structure
  2. Responsive interface
  3. Accessible interaction
  4. Validated demo

Implemented in the concept

  • Accessible service sections with a quote shortcut
  • Fictional service-area checker and clickable area map
  • Three-step quote form with validation
  • FAQs that open and close
  • Sticky mobile action bar
  • Concept disclosure on every page

No performance scores, conversion results or test outcomes are claimed. This is a fictional concept.

Next project

ClearNest
Cleaning Co.

A soft, organised service site that compares home and business cleaning and builds a quote one quiet step at a time.

CONCEPT PROJECT — Designed and built by VERTEX SYSTEMS. This fictional demonstration showcases website design and functionality. It is not a live business or commissioned client website.