Roofer, Builder, Painter: The Project Portfolio That Wins Quotes

A plumber is judged on speed. A roofer, a builder or a painter are judged on what they leave behind. These are trades where the client commits several thousand pounds to a result they cannot try before buying — and where the only thing that truly reassures them is seeing finished work.

It is also why these trades gain the most from having a website: a photograph of finished work is a sales argument that neither a Google listing nor word of mouth can carry properly.

The project photo, the only real argument

A homeowner cannot judge a roof structure or a render finish. What they can judge is whether the result appeals to them and whether the site looked tidy. A photo taken at the right moment does that job better than three paragraphs about your craftsmanship.

The most effective rule is before and after. It makes visible something otherwise invisible: the scale of the work. A re-roofed house in an "after" photo is pleasant; the same as "before and after" shows what you actually solved.

• Always photograph before you start — that is the half everyone forgets
• Frame from the same spot and the same height for both shots
• Avoid midday backlight: the low light of morning or late afternoon reveals texture
• A phone is more than enough: consistent framing matters more than sensor quality

Structuring a project so it earns its place

An image gallery with no text serves neither the visitor nor Google. Every project benefits from being presented as a short story, in five lines: the context, the problem, what you did, how long it took, and where possible a budget range.

This format does two things at once. It reassures the visitor, who can picture their own job. And it produces genuinely unique text — precisely what tradesman websites lack, built as they usually are from interchangeable generalities.

A format constraint helps more than it restricts: use the same template for every project. A visitor who reads three of them finds the same headings in the same place and compares without effort, and you stop having to work out what to write — you fill in fields.

Turning a photo into a quote request

The visitor who has looked at three projects is ready. That is exactly where you should offer them something simple — and exactly where most websites let them leave, for want of a contact point in the right place.

A short form placed at the end of each project converts markedly better than a separate "Contact" page. Three fields are enough: type of work, town, contact details. Each extra field reduces the number of submissions.

Placement matters as much as length. A form sitting immediately after the last photo catches the visitor at the exact moment they have pictured their own job; the same form banished to the footer no longer catches them, because in between they reopened the competitor's tab. Same form, same cost, three or four times less return.

The four photos that make a project

A well-documented job comes down to four images, not forty. Each answers a different question the visitor is asking without putting it into words, and it is the combination that convinces — never the count. Twelve shots of the same roof from twelve angles prove nothing that the right photo at the right moment did not already prove.

The fourth is the one everyone forgets and the one that shifts the most work in domestic renovation. A roofer's customer is quietly dreading the dust, the rubble in the garden and the skip that stays for three weeks. A final photo with the drive swept answers a worry nobody dares raise on the phone.

Then the technical side, which loses visitors invisibly. A recent phone produces 4 to 8 MB files. Published as they are, twelve photos make a 60 MB page: around thirty seconds to load on average 4G, so an almost certain bounce. Resizing to 1,600 pixels wide and compressing to roughly 200-300 KB in WebP makes the page ten times faster with no visible difference on screen.

A second detail of the same order: a gallery whose images have no declared dimensions makes the page jump around while it loads. The visitor aims at one project and taps another. It is an attribute to fill in, not a rebuild — but while it is missing, a share of your clicks goes to the back button instead.

Asking permission, and in what form

The rule of thumb — "outside is fine, inside is not" — is a useful approximation and an incomplete one. What is protected is not the building but people and their privacy: a face, a number plate, a name on a letterbox, a recognisable interior with its occupants' belongings in it.

Permission is settled in three lines on the quote, not in a separate agreement no customer will ever sign. A clause along the lines of "the client authorises the company to photograph the work and publish the images on its website and marketing material, without stating the exact address" covers the overwhelming majority of cases. Its real virtue is that it can be declined with a tick, which spares you the awkward conversation six months later.

Three situations call for more care. Leasehold and shared buildings, where one owner's consent does not cover communal areas. Commercial premises, where the client may have business reasons for not being identified — a restaurant mid-refit does not necessarily want that known. And buildings designed by an architect, whose design is protected; crediting them by name usually settles it amicably.

• A three-line clause on the quote with a tick box, rather than a verbal nod
• Never the exact address: the town and the area are enough and reassure just as much
• Blur or crop faces, number plates and names on letterboxes
• Ask again before publishing if the job ended badly or in a dispute

The spec sheet: duration, materials, constraints

A project without figures is still just a captioned photo. The spec sheet is what turns it into a sales argument: it lets the visitor measure their own job against yours, and it hands Google words nobody else is writing — because nobody else did that particular job.

A homeowner does not search "roofer". They search "plain tile roof replacement old house cost" or "lime render damp stone wall". Those queries cannot be won from a generic service page; they are won from a project sheet that genuinely contains those words, without forcing anything, because they describe what was actually done.

Budget is the field that divides opinion. Publishing it loses you some visitors; hiding it loses you the others. In practice, showing three jobs of clearly different sizes — £3,000, £11,000, £32,000 — works better than a single price or total silence: it places your market without committing to anything, and the visitor slots themselves into the range.

One constraint before you start: a spec sheet is only worth having if it is accurate. A budget rounded down to look competitive produces irrelevant enquiries and wasted site visits. Leaving a field blank is better than filling it approximately.

Why three detailed projects beat thirty photos

The common reasoning is volume: the more photos there are, the busier the firm looks. In practice the visitor studies the first three, scrolls past the rest without stopping, and leaves with exactly the information three images gave them. Volume reassures the person publishing, not the person reading.

The search calculation is starker still. A gallery of thirty photos carries zero indexable words. Three project sheets of 400 words carry 1,200, spread across three separate pages, each able to rank on a different combination of terms. It is the only way a tradesman's website gets past five or six pages without padding them with interchangeable generalities.

Production cost explains the rest. A full sheet — four selected photos, five lines of context, six technical fields — takes thirty to forty-five minutes once the site structure exists. Thirty raw photos take ten minutes and produce no measurable effect. The ratio between time spent and result is not remotely comparable.

The exception deserves naming: trades where the client is buying a style rather than a solution — landscapers, kitchen fitters, cabinetmakers — genuinely gain from showing volume, because the visitor is looking to recognise their own taste in a series. There a broad gallery makes sense, provided three or four projects stay detailed to carry the search work the gallery never will.

Online quotes: what works and what does not

An automatic quote calculator is a poor idea in almost every building trade, for one simple reason: the price depends on what you find once you start stripping. Instant pricing produces either a figure you will not honour or a range so wide it informs nobody. Both erode trust instead of building it.

What works is more modest and considerably more effective: a form that qualifies rather than prices. Three required fields — type of work, town, contact details — and two optional ones that change everything: rough area, and a photo taken on the phone. A photo attached to an enquiry saves you one site visit in two, because it lets you say no or prepare properly.

Response time matters more than form quality. On a renovation quote the first tradesman to ring back takes a disproportionate share of the work: the homeowner sent three enquiries the same evening and stops looking as soon as one professional seems serious. Replying within 24 hours, even just to say "I can come Thursday morning", beats a flawless quote sent on day ten.

• Three required fields, two optional: beyond that, every added field costs submissions
• A photo field: the only addition that raises enquiry quality without reducing the number
• An automatic acknowledgement stating the real callback time, not "as soon as possible"
• No budget field before the first phone conversation
• The form at the end of every project sheet, pre-filled with the relevant type of work

Then measure it. A form at the end of a project page commonly converts 2 to 5 % of that page's visitors, against under 1 % for a standalone "Contact" page. Without that number you have no way of knowing whether to change the form, the photos or the text: you change things at random and call it a redesign.

How many projects should you show?

Six to twelve, well presented, is plenty. Beyond that the visitor stops looking and you are maintaining a gallery nobody reads. Twelve documented jobs beat forty uncaptioned photos.

Choose them to cover the range of what you do rather than to impress: a small job done well reassures as much as a large one, and speaks to more people. Refresh two or three a year, which also gives Google a freshness signal.

FAQ — Project portfolios

Do you need the client's permission to publish photos of their job?

For the exterior of a building visible from a public road it is not strictly required, but it is advisable and avoids any dispute. For the inside of a home, written consent is necessary. A sentence in the quote is enough, and most clients agree readily.

Can a tradesman take the photos themselves?

Yes, and it is usually better: a professional photographer is not there at the right moment. A recent phone is enough. The two rules that matter are photographing before you start, and keeping the same framing between before and after.

How long does it take to publish a project?

About fifteen minutes once the site is properly built: a few photos, five lines of text, the town. If it takes longer, the site is badly designed — the task itself is not complex.

Website or Facebook page for showing your work?

They answer different needs. Facebook reaches your existing network, but its content is not durably indexed by Google and you do not own it. A website captures searches from people who do not know you yet, and is still readable in five years.

Should you publish the budget of completed jobs?

Showing three jobs of clearly different sizes works better than a single price or total silence: £3,000, £11,000 and £32,000 place your market without committing to any quote, and the visitor slots themselves into the range. The condition is accuracy: a figure rounded down to look competitive produces irrelevant enquiries and wasted site visits.

Is an online quote calculator useful for a building trade?

Rarely, because the price depends on what you find once you start. Instant pricing either quotes a figure you cannot honour or a range too wide to inform anyone. A qualifying form — three required fields, one optional photo — gives you more: it lets you rule out enquiries outside your area or budget before you drive anywhere.

Sources

• Google — Image SEO best practices — file naming, alt text and getting photos indexed
• web.dev — Optimize LCP — image weight and how fast the first photo appears
• web.dev — Optimize CLS — declared dimensions and galleries that jump while loading