We built a quote form with nine jobs that arrives pre-set on each surface page. We also added five before-and-after transformations behind a tab on every page.
The business
Sydney Fence and Roof Painting Co is a Sydney spray-painting company for residential, commercial and industrial properties. Its crew sprays Colorbond, timber and steel fences, restores metal roofs, coats retaining walls and garage doors, pressure-cleans commercial surfaces and repaints warehouses and strata buildings, with the same crew that quotes the job doing the work.
The brief
A homeowner with a faded Colorbond fence and a strata manager with a rusting roof want different answers, but both want to see the finish before they ask for a price. The brief was a page for each surface, before-and-after photos close at hand everywhere, a quote form that captures the job up front, and enough about insurance and safety to satisfy a commercial buyer.
A page for every surface
The Services menu lists eight surface pages: Colorbond, timber and steel fences, retaining walls, garage doors, metal roofs, commercial pressure cleaning and commercial painting. Each opens with a specialist label, the surface in the headline, a short description and four quick facts. The Colorbond page covers colour matching, rust treatment, UV-stable topcoats and a typical lifespan; the metal roof page covers rust treatment, heat-reflective topcoats, sheet replacement and work at heights.
Further down, each surface page explains why the work is worth doing, lists six reasons written for that surface, sets out a four-step process from a free inspection to the final walkthrough, and answers common questions about it.
A quote form that names the job
The quote form sits beside the headline on the home page, the surface pages and the quote page. It asks for a name and number, a short note on the job and the service, chosen from a list of nine. On a surface page that service is already selected. The form promises no obligation and a response within 24 hours, and the quote page sets out what the written, fixed-price quote covers.
Before and after, one tap away
Five transformations sit on the home page, from two fences and a retaining wall to a rusted metal roof and a rusted steel panel, each split down the middle. A Before vs After tab on the edge of every page brings them up wherever the visitor is.
For strata managers and builders
A capability statement on the home page answers the commercial questions in four short blocks: who the company is, what it paints, its commitment to preparation and safety paperwork, and why commercial clients choose it, including after-hours work for retail and strata sites. Each surface page repeats a credentials strip under its first screen.
Guides and suburbs
Three guides cover spray versus roller on Colorbond, what salt air does to metal roof coatings and preparing a timber fence. A list of Sydney suburbs served closes the main pages.
Built for phones
On a phone the header shrinks to the logo and the menu. The surface headline and its quick facts stack on the first screen with the quote button below, the Before vs After tab stays on the edge of the screen, and a bar along the bottom keeps Call Now and Free Quote in reach.
What it connects to
The business's later Google Ads campaigns pointed Colorbond fence, metal roof and commercial ads at the matching pages on this site. In the Sydney Fence and Roof Painting campaign case study, 77% of ad clicks came from phones, which is why the headline, the quick facts and the quote button are built to work on a small screen first.
For a painting business planning a site like this, see our website design services and marketing for painting businesses.