Case study

Roofcare

Roof restoration and replacement, Auckland Faithful rebuild, then new tools

A family run Auckland roofing company asked for its website rebuilt as it was, only modern and editable by the office. What it has asked for since is the more interesting part. Not another page, but a tool that answers the question that stalls every roof quote: what will it actually look like in that colour.

Rebuilt page for page, in the client's own words Eighteen roof colours, previewed on a real house Built into the site, not bolted on as a plugin
The live site

The part of the site people play with.

Screenshots taken from the working visualiser, not from a mockup. Click a colour and the roof on the house changes. That is the whole idea, and it is the reason this page gets sent from one member of a household to another.

Roof colour visualiser
The Roofcare colour visualiser showing a single storey house with a dark charcoal roof, above a grid of eighteen colour swatches with Ironsand selected

Every colour Roofcare sprays, laid out as a grid under a photograph of a real house. The name of the selected colour sits under the picture, because a customer who rings up needs to be able to say which one they mean.

The same house, one click later
The same Roofcare visualiser after selecting Karaka, with the roof of the house now deep green and the Karaka swatch outlined as the active choice

One click, same house, different roof. Compared against a printed chip held up at arm's length, this is the difference between guessing and deciding, which is why it belongs on the website rather than in the van.

Phone
The Roofcare colour visualiser on a phone sized screen, with the house photo full width and the colour swatches as a swipeable row beneath it

On a phone the swatch grid becomes a row you swipe through with a thumb, with the house still full width above it. This is where most couples will actually argue about the colour.

The starting point

A site that said the right things and could not be touched.

Roofcare is an established Auckland roofing company: family owned, association member, certified crews, working on concrete tile, pressed metal tile and longrun iron. Its existing website already said all of that, accurately, in wording the business had settled on over years. What it could not do was change. A line of text, a service option in a form, a new section, all of it meant finding someone who could edit a website.

So the brief was not a reinvention. It was the same site, modern, fast and under the office's own control, with the content treated as the client's property rather than as a first draft we were invited to improve. That decision is why the relationship has kept going. A rebuild that respects what a business already says about itself is what earns the right to build the next thing for it.

What we built

A website, and then a sales tool.

The site, rebuilt page for page

Restoration, replacement, repairs, moss treatment, edge protection, about and contact, each rebuilt to carry the same information as before rather than a rewritten version of it. Every heading, paragraph and photograph on those pages carries an editing handle, so a correction is something the office does in the back office in a minute, not a job it books in with someone.

A visualiser instead of a colour chart

Eighteen colours, each one previewed on a photograph of a real New Zealand house, selected from a grid of swatches on the page itself. It is honest about its limits too: the page states that screen colours are indicative and pushes the visitor towards a physical sample and a free inspection, which is the step that turns a browser into a booking.

Designed for the screen it gets used on

Nobody chooses a roof colour at a desk. On a phone the swatch grid becomes a swipeable row and the house photograph stays full width, so the thing being decided is the biggest object on the screen. Every page on the site is checked at 390 pixels wide before it goes live, because the alternative is finding out from a customer.

Enquiries the office can act on

The quote form is a platform form, not a rented one, with the service options set to the ones Roofcare actually wants to be asked about. Submissions arrive by email and sit in the site's own inbox in the dashboard, so an enquiry is never one person's unread message. When the client wanted an option removed from that list, it was a settings change, not a quote.

Service moments

What happens when this client asks for something.

This is the part that does not fit in a feature list. On most platforms the answer to a request like the first one is a quote for a custom build, or a search for a plugin that almost does it. Here it is a page.

TOOLS

Show me the colour on a roof

The ask. A page where a customer could click a colour and see it on a finished roof, instead of imagining it from a chip on a chart.

What we did. We built the visualiser into the site: every colour they spray, previewed on a real house, working on a phone, with the swatch grid and the house on the same screen. It went up as a private preview first, so the client could live with it and change their mind before a single customer saw it.

COLOURS

Two more colours, please

The ask. Later, a short message: add Grey Friars and Desert Sand. Neither was on the chart the original set had been sampled from.

What we did. We matched both against the published standard references for those shades rather than eyeballing them from a photo, added them to the visualiser, and told the client in writing where the values came from and to say the word if either looked wrong against their own chart. Guessing a colour and saying nothing is how a customer ends up disappointed on install day.

COPY

Their words, not better words

The ask. During the rebuild the new pages read well, but they were not what the company says about itself. The client wanted their own wording back.

What we did. We went through the site page by page and restored their text, including the exact phrase they use for their paint system and the warranty wording they stand behind, and took out phrasing that had drifted in from elsewhere. A rebuild is not an invitation to improve someone's copy without asking.

Apps on this site

None switched on, and nothing missing.

Roofcare runs no apps. The visualiser, the forms, the galleries and the editing are the platform itself, not add-ons with their own monthly line on an invoice. We mention it because the usual version of this section on other platforms is a list of four subscriptions holding a small business site together.

Every app we build is included on every site at no extra cost. The day this client wants reviews on the page, bookings in a calendar or a documents library, it is a switch rather than a purchase order.

Browse all apps

Does every quote you write stall on the same question?

Trade businesses lose weeks to one recurring hesitation: which colour, which profile, which finish, how it will look on my place. That hesitation is answerable on a web page, and the page belongs to you rather than to whoever sells the plugin. Tell us what your customers keep asking to see before they sign, and what your site can and cannot do about it today. WebForger is invite only, so the first step is a short application rather than a signup form.