ALEET

Kinds of website

Trades and contractors websites

The phone number, kept where the thumb is

Almost nobody fills in a form to book a roof. They call, and they call from a phone, standing in front of the problem. So a trade site is judged on one thing before anything else: how long it takes to reach the number. Everything else on the page exists to make somebody willing to dial it, which in practice means photographs of work you actually did rather than stock photographs of a roof in another state.

Your service list is written the way people search for it, which is rarely the way a trade writes it internally. The towns you cover are named, because a search for a job plus a town is most of what a contractor gets. If you want enquiries in writing as well as by phone, the form stores them rather than mailing them into an inbox nobody opens.

Why this shape of page

A page earns its keep by suiting the person who lands on it. These are not the same person from one trade to the next.

Who is reading it
Somebody with a problem that is getting worse while they read. A leak, a dead furnace, a roof after a storm. They are not comparing five contractors, they are looking for one who will pick up.
What you want them to do
A phone call, usually within a minute of landing. Everything else on the page exists to make somebody willing to dial, not to keep them reading.
Why the page is built this way
The number stays the largest thing on the screen and repeats down the page, because the visitor who decides to call is rarely at the top of it. Photographs of work you actually did carry the proof, since a stranger is about to let you onto their roof on the strength of a web page.

Open one and click through it

Some of these are live client sites and the rest are demonstrations, and each one is labelled. All of them are real deployed sites you can open and use. Yours is built around your own business.

Homepage of a roofing contractor site, direction one, showing an aerial photograph of a shingle roof

Contractor

Work photography, phone number front and centre

For trades where people call rather than fill in a form. The number stays the biggest thing on every screen, and enquiries are stored rather than emailed into a void.

01 page

Homepage of a roofing contractor site, direction two, an editorial layout with a pale sage ground and a forest green accent

Contractor

A quieter, more established look

The same information in a calmer treatment. Suits a business that wants to read as established rather than urgent.

01 page

Homepage of a heating and cooling site, a warm bone coloured page with a moss green rule, showing an outdoor condenser unit and its insulated refrigerant lines passing through a house wall

Heating and cooling

Two pages, with the service list on its own

For a trade where the job gets diagnosed before it can be quoted. The services carry an address of their own, so somebody searching for one repair lands on the page about it.

02 pages

Homepage of a plumbing site, a pale blue grey page with a deep teal accent, showing a lever shutoff valve on a supply line where it passes through a wall

Plumbing

Two pages, cool ground, one deep accent

For a trade people look up in a hurry, on a phone, somewhere damp. The quote request sits in the header of both pages, and the service list is a page rather than a paragraph buried on the homepage.

02 pages

Homepage of the Quality Neon site, a dark slate page with a pale blue accent, with the company name set over a bulb lit marquee sign

Sign company

Live client site: Quality Neon

Four pages, and an owner's dashboard behind them

The biggest build here. A portfolio of real installs grouped by how each sign is lit, a quote route and a survey route, and a dashboard where the owner puts a new job on the site themselves without calling anybody.

04 pages

Not the one you needed?

If none of them describes your business, say so in the form. The audit is free either way.