Aircore · E-commerce · Shopify · 2026

Making a 17,000-product HVAC catalogue feel shoppable

Aircore sells heating and cooling systems online. I worked on the redesign of their Shopify store for two very different buyers: homeowners who need guidance, and contractors who already know what they want.

The storefront — contractor pricing surfaced on the first screen.

Role

UX, UI, e-commerce design

Project

Redesign of a live store

Platform

Shopify · desktop and mobile web

Catalogue

17,000+ products

01 — The problem

Specs were getting in the way of buying

Buying HVAC is technical. Before a homeowner can compare prices, they have to make sense of SEER2 ratings, tonnage, refrigerant types and compatibility. Contractors already know the model number, so every extra step slows them down.

17,000+

products, from complete systems to spare parts

23

brands on one A–Z page

110%

price-match guarantee, shown throughout the store

What was broken

Specs first

Product pages read like datasheets

Two audiences

One interface had to guide homeowners and stay fast for contractors

Compatibility

Thermostat, line set and pad came up too late in the purchase

Trust

Guarantees and support info were scattered and easy to miss

02 — The customiser

Customising the system before it goes in the cart

HVAC systems rarely ship as a single box. A condenser needs a matching air handler, and most installs also need a thermostat, line set and pad. This was the main part of my work: a customiser that opens when you add a product, so the full system goes into the cart.

What other stores offered

Before we started building, we looked at how other HVAC stores and brands handled this. Most had no customisation at all: you bought the unit and had to work out the add-ons on your own. The few that did offer options only had one or two fixed bundles.

How it works

The customiser on mobile, from the product page to the cart.

Swipe through the flow

Aircore product page on mobile with the Customize button

01

Product page

Configurable systems get a Customize button instead of Add to Cart, with financing options just above it.

Aircore customiser step 1: required configuration

02

Required configuration

The warranty and model upgrades the order can’t go through without. Discontinued units switch to their replacement here.

Aircore customiser step 2: add-ons

03

Add-ons

Thermostat, line set and condenser pad, each with its price. The estimated total updates as you choose.

Aircore cart showing the configured system

04

Cart

Every choice carries into the cart line by line, so the total at checkout is the one you already saw.

Aircore product page on mobile with the Customize button

01

Product page

Configurable systems get a Customize button instead of Add to Cart, with financing options just above it.

Aircore customiser step 1: required configuration

02

Required configuration

The warranty and model upgrades the order can’t go through without. Discontinued units switch to their replacement here.

Aircore customiser step 2: add-ons

03

Add-ons

Thermostat, line set and condenser pad, each with its price. The estimated total updates as you choose.

Aircore cart showing the configured system

04

Cart

Every choice carries into the cart line by line, so the total at checkout is the one you already saw.

03 — Key decisions

Other changes across the store

Smaller decisions, made with both homeowners and contractors in mind.

01

Three ways to browse

By category, by brand for contractors who always buy Goodman or Daikin, and a guided path for people who aren’t sure what they need.

02

Product pages built for a quick check

The spec table, financing, reviews and related systems are ordered so a contractor can confirm a model quickly and a homeowner can read through the details.

03

Trust signals near the buy button

Free shipping, the 110% price match and US-based support are shown next to purchase decisions instead of only in the footer.

04 — Final screens

The redesigned store

Designed for desktop and mobile web.

Home page, before and after

The old store opened on a wall of contact details and a two-row menu. The new one leads with a single offer, a search bar people can actually find, and the four reasons to buy here.

The redesigned Aircore home page
Before
BeforeAfter

Product page

Specs, financing and reviews, with the customiser one tap away.

Aircore product page with specifications, financing and reviews

05 — Outcome

Where it ended up

The redesign went live on Shopify, covering the catalogue, product pages, the customiser and checkout.

Who it serves

Homeowners

Guidance and comparison before they look at price

Contractors

Quick access to brands, specs and contractor pricing

Both

The same guarantees and totals, however they found the product

Create a free website with Framer, the website builder loved by startups, designers and agencies.