Studio concept · Pittsburgh
Northline Heating & Cooling: a Pittsburgh heating website concept
A studio concept for a fictional, family-run Pittsburgh heating company. The homepage is built around one promise, that a real person answers at any hour, and pairs warm editorial typography with a calendar scheduler, a fall Warm Home Plan and clear safety guidance.
Studio concept. Northline Heating & Cooling is a fictional brand created to show our approach; names, numbers, licence numbers and reviews in the design are placeholders.
The brief
Northline Heating & Cooling is a fictional company we created for this concept: a family-run Pittsburgh shop that leads with furnaces, boilers and heat pumps, and still answers its own phones overnight.
The brief we set ourselves was about trust more than urgency. A homeowner with no heat in January is anxious, and many heating websites answer that with stock photos of smiling technicians and a row of generic badges. We wanted a page that felt like the company itself: local, established and calm, with the human answering promise in the headline instead of buried on an About page.
It also had to respect older housing. Plenty of older homes still run steam or hot-water boilers, so the services needed to speak to boilers and radiators as directly as to new equipment. Our Pittsburgh HVAC web design page covers the local market in more depth.
What we built
The look is warm editorial. Fraunces sets the headlines, with an italic brick-red second line that carries the emotional half of each message, and Inter handles everything that needs to be read quickly. Navy, brick and cream come from row houses at dusk, which is also the hero illustration: a hillside street of brick homes and chimneys, drawn as flat vectors.
Beside it sits a furnace cutaway card that explains what a safety check covers. It answers "what am I paying for" before anyone asks, and it gives the maintenance plan a concrete reason to exist.
The scheduler uses a month calendar instead of day tabs, because tune-ups are often booked ahead rather than same day. Dots mark open and nearly full days. In production we would sync slots from the field service software and route each booking to dispatch with a text confirmation, using our HVAC automations.
A short safety note sits under the scheduler: if you smell gas or hear a carbon monoxide alarm, leave first and call for help from outside. It is the right thing to say, and it signals a company that puts people ahead of tickets. The plan appears as a seasonal member ticket, financing as three term choices, and reviews as editorial pull quotes. See how we approach builds like this on our HVAC website design page.
The decisions that matter.
Human answering promise
The headline, top bar and header phone label all repeat one promise: a real person answers, day or night. It is the reason an anxious no-heat caller picks up the phone.
Furnace cutaway card
A labelled furnace illustration shows what the safety check covers, from heat exchanger to blower. It turns an abstract tune-up into something a homeowner can picture and value.
Month-view scheduler
A three-column booking panel moves from problem to day to time, with availability dots on the calendar and a summary bar that confirms the visit before it is sent.
Gas and CO safety note
Plain guidance under the scheduler tells homeowners to leave the house and call for help first. Responsible copy like this builds trust with careful buyers and reflects well on the company.
Seasonal plan ticket
The Warm Home Plan is shown as a member ticket with fall, winter and spring rows, so the value of the agreement is visible across the whole year.
- After-hours calls placed from the homepage
- Tune-ups booked online in early fall
- Warm Home Plan sign-ups from the plan section
- Scheduler completion rate on mobile
Want a concept for your company?
Your homepage, designed and explained on video within 5 business days. Free.