All WebsitesHome services

DC Indoor Air Quality

A lead-generating website for an air duct and HVAC cleaning company in St. Louis, designed to build trust and turn visits into quote requests.

Industry
Home services
Location
St. Louis, Missouri, USA
Built with
WordPress
My role
Website design & development
Live site
DC Indoor Air Quality website on desktop
DC Indoor Air Quality website on mobile
Overview

DC Indoor Air Quality Solutions cleans air ducts, dryer vents and HVAC systems for homes and businesses around St. Louis, and has been licensed and insured since 2010. The site needed to explain a service people rarely think about and make requesting a quote effortless.

The challenge

Duct cleaning is an unfamiliar purchase, and homeowners are wary of inviting a stranger into their home. The design had to earn trust quickly and keep the phone number and quote request within reach at all times.

Who it’s for

Designing for the people who use it

  • 01Homeowners worried about dust, allergies or air quality
  • 02Businesses maintaining their HVAC systems
  • 03People comparing local providers before they call
User journey

From first visit to the next step

  1. 1

    Understand the benefit

    “Cleaner air starts with a cleaner HVAC system” explains the value in one line.

  2. 2

    See proof

    Licensed & insured, serving St. Louis since 2010, residential and commercial.

  3. 3

    Explore services

    Duct, dryer vent and HVAC cleaning, each explained simply.

  4. 4

    Know what happens

    Four simple steps remove the uncertainty of booking.

  5. 5

    Request a quote

    Quote button and phone number stay in the header on every page.

Wireframe

Page structure

The homepage is planned as a sequence of sections, each answering the next question a visitor has. Below is that structure as a low-fidelity wireframe, with the site’s main navigation.

HomeAboutServicesBlogContactRequest a Quote
01Hero with quote and services actions
02Trust points
03Services overview
04Full range of services
05Built on trust, not promises
06Four-step process
07Call to action
08Contact form
Design system

Colour, type and components

Colour palette
  • Deep green#0A1714
  • Forest#0D1F1A
  • Teal#1FB89A
  • Mint#3FE0C5
  • Linen#FAF8F3
  • Sage grey#6C7B76
Typography
AaFrauncesHeadings
The quick brown fox jumps over the lazy dog. 0123456789InterBody text
Primary button
Request a Quote
Design decisions
  • 01A deep green palette with drifting particles shows clean airflow without stock photos of dusty ducts.
  • 02Fraunces italics add warmth to a technical service, while Inter keeps the details easy to read.
  • 03The phone number and “Request a Quote” stay in the header, so the next step is always one tap away.
Responsive

Designed for every screen

dcindoorairqualitystl.com
Build & launch

Development and launch

  • 01WordPress with a custom design, so the owner can post updates and blog articles.
  • 02Search title aimed at “Air Duct & HVAC Cleaning St. Louis”.
  • 03Contact form and click-to-call phone number for quote requests.
  • 04Facebook and Instagram links to support social campaigns.
Visit dcindoorairqualitystl.com