Skip to content
AVERLIN
Menu
Start a conversation
Concept project HVAC / home services

Fairview Heating & Cooling

A concept exploring how a residential HVAC company can put the customer’s problem at the very top of the page, and design the site around the booking process rather than around a list of services.

Business type
HVAC / home services
Design direction
Need first — warm, centred, reassuring
Palette
Cream and navy with a terracotta accent
Typography
Rubik throughout, sentence case, generous sizing
Primary priority
Name the problem, then book the visit
fairviewhvac.example

Desktop home page — the full layout, rendered live rather than screenshotted.

The design objective

HVAC demand is emotional. Someone with no heat in February is not browsing — they are worried about cost, about who they are letting into the house, and about how long they will be cold. So this concept never shows a hero image of a van. It opens with "What’s going on at home?" and five plain-language answers, then spends the rest of the page removing reasons to hesitate: real arrival windows, a printed diagnostic fee, and a description of what happens when someone actually arrives. Warm cream, soft radii and generous spacing do the emotional work that the copy should not have to.

Mobile home page

On a phone

Not the desktop layout, squeezed.

The mobile view reorders the page around what someone actually does on a phone. What matters most on a laptop is rarely what matters most standing in a driveway, so the hierarchy changes rather than just the column count.

  • Need-selector hero with five plain-language problems
  • Live availability and arrival-window promise
  • Three-step service path, with a full booking-flow page
  • Heating / cooling / new-system categories with home photography
  • Published diagnostic pricing and maintenance plan
  • Seasonal prompt, FAQ, and pinned call-and-book bar on mobile

Interior page

Booking flow — choosing a time

fairviewhvac.example/…

The same page, rebuilt for a phone

The scheduling flow shown here is a concept interaction — a designed customer journey, drawn to show how booking could work. It is not a live scheduling system, and it is not connected to any booking or dispatch backend.

Decisions

The choices that shaped it.

  1. 01

    The hero is a question with answers, centred

    No headline-plus-panel. The page asks what is going on and offers five tappable answers in the visitor’s own words — "no cooling", "odd noise or smell". Naming the problem is the first action, which is both the fastest route to a booking and the most reassuring thing a worried homeowner can do.

  2. 02

    Availability is stated, not implied

    A navy strip directly under the hero says how many technicians are out and when the next window is. It is the single most useful fact for someone deciding whether to keep reading or start calling competitors.

  3. 03

    The process is the product

    Three steps — tell us, pick a time, we handle the rest — and an interior page devoted entirely to step two. Designing the booking flow rather than a services grid is what actually differentiates a home-service company.

  4. 04

    Print the number

    A visible $89 diagnostic fee that comes off the repair, plus an explicit promise that the price is fixed before work starts. Being the company willing to publish a figure removes the biggest unspoken objection.

  5. 05

    Warm, round, and deliberately unhurried

    Cream ground, terracotta pills, 18px radii, 17px body text with loose leading. There is not a single uppercase tracked label anywhere on the site — that device belongs to the contractor concept, and its absence is what makes this one feel domestic.

Concept project

Fairview Heating & Cooling is not a real company and did not commission this project. It was built to work through a real problem — how a hvac / home services should present itself online — and everything shown is a genuine, complete design rather than a mockup of one. No performance figures are claimed, because there is no live site to measure.

Next project

Keystone Security Systems

Commercial low-voltage & security integration

View the concept

This kind of thinking, applied to your business.

Tell us what you do and what your current site is not doing. We will tell you what we would change.

Start a conversation