Ten builder website design examples, taken from two builders’ websites that are live now. Each one has a screenshot, what is on the screen and why the person planning a build needs it.
Both are sites I built, which is why I can explain the choice behind each piece. Every screenshot is from the live site, on a desktop screen or a phone.
Licensed builder
Bodycote Building
New homes, renovations and extensions in the Nambucca Valley, NSW. bodycotebuilding.com.au, and the Bodycote Building case study.
Carpentry and construction
Probuild Construction Co
Based in Cessnock, NSW, working across the Hunter and Newcastle region. probuildco.com.au, and the Probuild Construction Co case study.
The two sites are built differently. Bodycote Building’s is small: a homepage, a work page, three project pages and a contact page, led by photos of finished work. Probuild Construction Co’s has a 3D timber frame on the homepage, a page for each service and each suburb it covers, project pages and a pricing page. Both have a call button in the header of every page.
If you would rather hand the build over, I do website design for builders, for A$500 to A$1,000 and quoted in writing. The monthly search work after launch is SEO for builders.
The first screen: the trade, the place and one tap to call
1. The trade and the place above the headline
Bodycote Building’s headline is about the work: Designed to be used. Built to last. The small line above it carries the facts: Licensed builder. Nambucca Valley, NSW. Behind the words are three photos: a finished deck under a flat roof, a kitchen under two skylights and the coast at sunrise. Under the headline is one button, Send the details, and the call pill sits in the top corner.
Probuild Construction Co does the same thing in the screenshot at the top of this guide. The line above Built from the frame up names carpentry and construction, Cessnock to Newcastle, and the line under it says what Ewan builds and that he quotes the job and does the work.
Someone planning a build checks two things before anything else: does this business do my kind of job, and does it work where I live. A headline can be about the work, as long as the trade and the place are on the same screen.
2. One tap to call on a phone
On a phone, Bodycote Building’s header carries the mobile number in a pill, and one tap dials it. The pill is there on screens from 360 pixels wide, and it stays in the header as you scroll down the page.
Probuild Construction Co gives two ways to ring before any scrolling: a round phone button in the header and a full-width Call button under the headline, with Send the job through under that. The header button stays put as you scroll too.
The first question about a build, whether the job is worth a site visit, is quickest to answer on the phone. The number should be one tap away from any page, not behind a menu.
Show the work, one job at a time
3. A project page that says where, what and who
Each Bodycote Building project has its own page, and each one opens with the project and a short table of facts about it. On the Nambucca Heads renovation the table gives the location, Nambucca Heads, the type, Renovation, and for the kitchen, linings and glass, With our trade partners. The paragraph beside it says what was done, from the frame out: the walls stripped back to the frame, a new doorway cut through the blockwork, the posts notched and housed, then new flooring, a new kitchen under exposed rafters, a new bathroom and a sliding door out to a new deck.
The new build page names Scotts Head for the wet areas and credits the kitchen and stone to trade partners too. On the work page, each of the three projects is labelled with the kind of job: a new home, a deck and outdoor living area, and a renovation. Other work, timber decks and a steam sauna lined in western red cedar, sit in an Also built section with three photos each instead of a page of their own.
A person comparing builders wants a job like theirs, close to where they live. A page that names the type of job and the place answers both. Saying which parts went to trade partners is honest, and it answers a question that would otherwise come up at the first site meeting.
4. Photos in the order the job was built
The backyard transformation page says its photos are in build order, and they are. Before shows the old balcony and pergola being stripped off the back of a brick house. Posts shows four tall timber posts braced on a new slab. Deck and roof in place shows the boards down and the flat roof up. On the deck is the finished job: a raised deck under a flat roof on tall timber posts, with a glass balustrade.
The new build page does the same. Its photos run from wall frames to roof trusses to the roof going on, then to the finished wet areas of a new build at Scotts Head.
A photo of a finished deck shows the result. The same deck in four stages shows what is underneath the finish: the posts, the frame and the roof going on. For anyone weighing up a raised deck or a new home, the middle photos show what they would be paying for.
5. The materials named on the job
Probuild Construction Co’s homepage picks one project, three decks in Kurri Kurri, and labels the photo. Number 1 is the Versiclad insulated roof, tied into the eaves with downlights in the ceiling. Number 2 is the Miami stainless balustrade, cable rail between white posts. Number 3 is the ekodeck composite decking. The same three are listed beside the photo, and See the Kurri project opens the project page, which names them again.
The projects page links four project pages: the three decks in Kurri Kurri, outdoor living, an insulated patio roof and cable railing.
Someone who has seen a product at a display centre or on a neighbour’s deck can search for it by name. Naming the boards, the roof and the balustrade on a real job shows the builder has used them, and lets the reader look each one up.
Help each client find their job
6. Services that link to the job that shows them
Bodycote Building lists three services: new homes, renovations and extensions. Each has one line on what it covers and one link. New homes links to the new build. Renovations links to the Nambucca Heads renovation. Extensions has no project on the site, and its link rings the mobile instead. The line under the three, Also decks, outdoor living areas and custom builds, links to the backyard transformation.
Probuild Construction Co has six service pages: new builds, renovations, decks and outdoor living, custom carpentry, structural timber and posts, and patio covers and insulated roofs. The decks page opens with the three decks in Kurri Kurri, and its On the tools strip shows photos of the work.
A service in a list is a claim. A service with a link to a finished job of that kind is something the reader can check. A service with no job to show yet should not pretend to have one, and sending it to a phone call is the honest version.
Trust and price
7. The licence and ABN where they get checked
Probuild Construction Co gives its licence a section of the homepage. The licence number, the ABN and Owner-operated sit in three tags under the introduction. One of the four cards beside them says the NSW Fair Trading contractor licence is listed as current on the public register, and tells the reader to look it up on Verify NSW before they sign anything. The licence number and ABN appear again on the pricing page, in a box on each service and suburb page, and in the footer of every page.
Bodycote Building keeps it simpler. The licence number and the ABN are in the footer of every page, and the first screen says Licensed builder.
Someone about to pay a deposit can check a builder’s licence on the public register. Putting the number where they look, and telling them where to check it, shows the builder expects to be checked. Publish only a number that has been checked against the register first.
8. A pricing page that explains what moves the number
Probuild Construction Co’s pricing page has no prices on it, and its headline says why: Quoted on site, not off a rate card. The line under it says deck height, cover, access and timber all move the number. Then comes how a quote runs, in three steps: photos and the suburb, a measure on site, and a written quote that spells out labour, materials and what is not included. Last are five cards on what moves the price: access, cover, height and railing, timber and boards, and approvals.
A deck, a renovation and a new home are priced from the site, so a rate card would be guesswork. A page that explains what changes the number tells the reader why two decks the same size can be quoted differently, and what to have ready for the site visit.
Where you work and how to ask
9. Suburb pages that say where the work was done
Probuild Construction Co has 14 suburb pages, listed on its areas page with their postcodes under Cessnock, Maitland and Newcastle. Five of them name real work in their first lines: the three decks in Kurri Kurri, architraves on a new build in Pokolbin, a current job in Kearsley, a renovation underway in Cessnock and a new build underway in East Maitland. The other nine say the suburb is covered and the work is quoted on site, and claim no job there. The Branxton and Newcastle pages say those suburbs are further out and usually booked as a dedicated visit. The Kurri Kurri page also describes the housing there: older miners cottages and later suburban lots.
Bodycote Building has no suburb pages. Its Where we work list, at the bottom of the services screenshot above, names the Nambucca Valley and surrounds, then the towns it works in. Scotts Head and Nambucca Heads each have a project on the site.
A suburb page earns its place when it says something the homepage cannot: a job nearby, how far the builder travels or what the homes there are like. A page that claims work that was never done there is worse than no page at all.
10. An enquiry form that asks what and where
The contact page asks for six things: a name, a phone number, an email address if the person wants to give one, the project, the suburb or town, and what they want built. The project is a short list: new home, renovation, extension, deck or outdoor, or something else. The line at the top of the page puts the whole form in a sentence: what you would like built, and where.
The form opens the visitor’s own email app with the details filled in, so plans and photos can go with it. After the button is pressed, a panel says the email app should be open, and that if no email app opened, nothing has been sent. The phone number and email address to use instead are right there in the panel.
A builder needs the kind of job and the place before a site visit is worth the drive. On a form that hands over to an email app, saying plainly when nothing has been sent matters too: someone who thinks they have enquired will otherwise wait for a call that is not coming.
What the screenshots do not show
Four things sit under these ten and do not photograph well.
- Structured data. Both sites use structured data that labels the business as a general contractor, with its ABN and the area it works in, so a search engine reads the same name, trade and area a person does. Bodycote Building’s also lists its three services, and Probuild Construction Co’s lists its 14 suburbs, its licence and its common questions. Whether a search engine or an AI tool mentions a business is up to that platform.
- Only what can be checked. Both sites publish the ABN and the licence number. Probuild Construction Co’s licence was checked as current on the public register before it went on the site.
- Photos sized for a phone. A builder’s site is mostly photos, so each one needs to be sized for the screen it lands on and still load quickly on mobile data.
- Tracking. Know which page each call and form came from. Without that you cannot tell which of these ten is earning its place.
Borrow these for your own builder’s website
The ten, as a checklist
- The trade and the place sit above or beside the headline
- The phone number is one tap away on every page
- Each project page names the job, the place and who did which part
- Job photos run in the order the work was built
- The boards, roofing and balustrade are named on the job
- Each service links to a finished job of that kind
- The licence number and ABN sit where they get checked
- The pricing page explains what moves the number
- Suburb pages say where the work was actually done
- The enquiry form asks what to build and where
The page set and the search work behind builds like these are on the website design for builders page and the SEO for builders page. The full builds are written up in the Bodycote Building case study and the Probuild Construction Co case study. Carpenters who mostly do decks, joinery and fit-off have their own page: websites for carpenters.
To check a site you already have, use the 30-point tradie website and local SEO checklist. For other trades, the same exercise is done for two plumbing sites in plumber website design examples and two roofing sites in roofing website design examples.
What it costs
A Kovus build costs A$500 to A$1,000, quoted in writing for the pages the business needs, and Premium builds for bigger sites start at A$1,000. Hosting and edits are optional at A$97 a month, and ongoing SEO is optional from A$197 a month. The client owns the website, content, domain and source code. Every price is on the pricing page.
Frequently asked questions
What should a builder's website include?
A first screen that names the trade and the area, a call button one tap away on a phone, a page for each kind of job that names the place and who did which part, photos in the order the job was built, services that link to a finished job, the licence number and ABN where a client checks them, a pricing page that explains what moves the number, suburb pages that say where the work was done and an enquiry form that asks what the client wants built and where. Each of the ten examples in this guide shows one of those on a live builder's website.
How much does a website for a builder cost?
A Kovus build costs A$500 to A$1,000, quoted in writing for the pages the business needs, and Premium builds for bigger sites start at A$1,000. Hosting and edits are optional at A$97 a month, and ongoing SEO is optional from A$197 a month. Both are month-to-month, and the client owns the website, content, domain and source code.
Should a builder put prices on the website?
Only prices you can stand behind. One of the sites in this guide has a pricing page with no rate card. It says every job is quoted on site, then lists five things that move the price: access, cover, height and railing, timber and boards, and approvals.
Does a builder's website need a page for every project?
A page for each kind of job is a good start. One of the sites in this guide has three project pages, a new home, a deck and outdoor living area and a renovation, and puts other work, timber decks and a steam sauna, in an Also built section with three photos each.
Where should a builder's licence number go on the website?
Where a client looks before they call. Both sites in this guide show the licence number and the ABN in the footer of every page. One also gives the licence its own section on the homepage, with a line telling the reader to look it up on Verify NSW. Only publish a number that has been checked against the public register.
Are the examples in this guide real builder websites?
Yes. All ten come from two live websites that Kovus built in New South Wales: Bodycote Building in the Nambucca Valley and Probuild Construction Co in Cessnock. Each screenshot was taken from the live site.