Typical problems on local trades websites.

1. Three phone numbers and no clear one.Visitors on a phone have to decide which to call, or give up.
2. A slider of stock photos.It takes the first screen and says nothing about whether the company can come today.
3. A contact form with twelve fields.Someone with a broken furnace does not want to fill in twelve fields.
4. Hard to read on a phone.Tiny type and links too close together for a thumb.

1. Answer the real questionThe first screen says what the company does, where, and that someone can usually come the same day.
2. Always one tap from a callA tap-to-call button stays within reach of the thumb on every screen.
3. Three steps, not twelve fieldsWhat is wrong, your postal code, your number. Then the company calls back.
4. Calm, warm lookDeep green and cream, with one confident action colour. It feels like a local company you can trust, not a lead-gen template.

Drag across the picture to compare. The new version was designed on a phone first.

www.northgateheating.caBefore

01

BeforeAfter

Home on a phone

The quote flow

• Pine#10332B
• Cream#F4EFE4
• Call green#1FA463
• Sand#E8DFCB

A single column that grows into two, with generous spacing and 48 px minimum tap targets.

A three-step quote

Choose what is wrong, enter a postal code, leave a number. Each step is one screen with one question.

On a phone
Built here first. The sticky call bar, the quote steps and the type sizes were all designed for a phone, then scaled up.

This is a fictional company, so there are no business results. These are facts about the demo.