- The best contractor website examples all show real project photos. Stock construction imagery signals you have nothing of your own to show.
- Say which trades you self-perform versus subcontract — clients are already asking.
- Service areas belong in text, not buried inside a map widget.
- The quote form must be finishable one-handed, standing on a job site, in the rain.
- Six fixes, none of them a redesign, address most of why people leave.
Contractor websites fail in a consistent way, and it is almost never the design.
They fail because the visitor cannot quickly establish three things: that you do the specific trade they need, that you work where they live, and that you have done it before. Those three answers decide whether someone calls. Everything else on the page is decoration around them.
Below is what we look for when we audit a construction or trades site, in the order it matters.
Construction website design ideas start with your own photographs
| Fix | Effort | What it costs you when missing |
|---|---|---|
| Real project photos, captioned | An afternoon with a phone | Stock imagery signals you have nothing of your own to show |
| Say what you self-perform | One paragraph | Visitors cannot tell whether you do the trade they need |
| Service areas in text | One list | Place names inside a map widget are hard for search engines to read |
| Quote form cut to four fields | Config change | Every extra required field is somewhere to give up |
| Tappable phone number | One line of markup | Asks someone on a job site to memorise ten digits |
| Compressed images | Build step | The site does not load on truck-grade signal |
| A project from this year | Ongoing | Referral traffic checking you out reads a stale site as "no longer trading" |
Stock photography is worse than an empty page.
Everyone recognises it. A hero image of an anonymous hard hat against a blue sky tells a visitor one thing: this company had nothing of its own worth showing. It is a signal of absence, and it is doing the exact opposite of what the person who bought it intended.
A dozen real photographs of finished jobs, shot in reasonable light, captioned with what the work actually was, will outperform fifty polished stock images. The captions matter as much as the pictures — scope, location, roughly when. "Cedar deck and glass railing, North Vancouver, spring 2026" does more work than any headline on the page, because it simultaneously proves the trade, the geography and the recency.
This is also the cheapest asset on the list. Most contractors already have the photos on a phone.
Which trades you actually perform
Trades businesses tend to list everything they can arrange rather than everything they do. It feels like it widens the funnel. In practice it blurs the one thing the visitor is trying to confirm.
Be explicit about what you self-perform and what you subcontract. Clients increasingly ask, and answering it before they ask reads as confidence. A page that says "decks, fences and exterior carpentry — we self-perform all framing and finish work; concrete and electrical are handled by long-standing trade partners" is more persuasive than a list of fourteen services, because it sounds like a company that knows its own scope.
Service areas, in words — the fix most contractor websites miss
Service areas are frequently hidden inside a map widget. Maps look helpful and are usually the wrong tool for this job: the place names inside them are often invisible to search engines and awkward to read on a phone.
Name the municipalities, neighbourhoods or regions in text on the page. Be honest about the boundary. A contractor claiming an implausibly wide radius reads as a lead net rather than a local business — and the enquiries it attracts are the ones you end up declining, which is a cost, not a win.
For firms with a physical yard or office, marking the business up with consistent name, address and phone details, matched to the Google Business Profile, is a small technical job that shapes what the search result itself looks like. It also rots quietly: the yard moves, the profile gets updated, the site footer does not.
A quote request you can finish on a job site
The single most common conversion problem on trades sites is a form built for the office.
The person filling it in is standing outside, holding a phone in one hand, possibly in the rain. Every required field costs completions. Budget dropdowns, service-type menus, preferred-contact-window radio buttons — each one is a place to give up.
Name, contact, location, description of the work. That is enough to decide whether it is a job you want. The qualifying questions belong on the call, which is where you were going to ask them regardless.
And the phone number must be a tappable link on every page, not text. Trades enquiries skew heavily to phone calls, often immediately. Asking someone to memorise ten digits and switch apps is a self-inflicted wound.
Speed, because the job site has bad signal
Performance on a trades site is not a technical nicety, it is a geography problem. Your visitors are frequently on mobile data of variable quality, sometimes on site, sometimes in a truck.
The usual culprits are consistent: uncompressed project photography, a page builder loading its entire library on every page, and a chat widget that blocks rendering. Project photos are the biggest and the most fixable — they are also the thing you least want to remove, so they are worth compressing properly rather than dropping.
The signals that say "still trading"
A meaningful share of trades traffic is referral traffic checking you out. Someone was given your name and is confirming you are real before they call.
That visitor is looking for evidence of recent activity. A copyright year several years out of date, a projects page whose newest job is from 2022, a contact form that errors — each of these costs you work that had already been won by somebody else's recommendation. This is the least glamorous reason to keep a site current and probably the most financially significant one for a referral-driven business.
What about a blog?
Mostly, don't.
The reason is about intent rather than quality. Somebody searching for a contractor in their area is trying to hire, not to read — and the page that satisfies that search is one that names the trade, names the place, and shows the work. An article on the same topic is answering a question they did not ask, which is why service and service-area pages consistently win those results.
The same pattern holds in other verticals — we found it again writing up law firm website design examples, where the service page took every query and the blog post took none.
For a contractor, the equivalent effort is far better spent on two things a blog cannot do: individual project pages, each documenting one real job with photographs and specifics, and service-area pages for the places you actually work. Both serve the same searches, and both convert better, because someone comparing contractors wants evidence rather than articles.
Write when you have something specific that a service page cannot hold — a genuinely useful explanation of a process clients keep asking about, a comparison of materials with real numbers. Not on a schedule.
The order we would fix things
For most trades sites we look at, this sequence produces the most calls for the least money:
- Replace stock photography with your own finished projects, captioned with scope and location.
- Make the phone number a tappable link on every page.
- Cut the quote form to four fields.
If enquiries do arrive but you cannot tell which page produced them, fix that before anything else — Google Ads conversions vs GA4 explains why the counters disagree and how to read the real ones. 4. Put service areas in text, not only in a map. 5. Compress the project images so the site loads on truck-grade signal. 6. Add project pages for your best recent jobs.
Project and service-area pages only earn anything if they are actually reachable, which is a linking problem as much as a content one — we measured a 1,000-page site that barely linked to itself, and trades archives fail the same way.
None of the first five is a redesign. They are content and configuration changes to the site you already have, and together they usually address the reasons people were leaving. If someone has quoted you for a rebuild before working through that list, ask them why — our rebuild-or-repair rubric is the test we apply first.
If you want this applied to your own business, our contractor and construction website design page explains how we work with trades, and the free 48-hour teardown will tell you which of the six fixes above yours needs first.
Common questions
What should a construction company website include?
Five things carry almost all the weight. Photographs of your own completed work, not stock imagery. A clear statement of which trades you actually perform versus subcontract. The specific areas you serve, named as places rather than a radius. A quote request short enough to finish on a phone. And a phone number that is a tappable link on every page. Everything else — the about page, the process diagram, the testimonials carousel — is supporting material.
How do I get more leads from my contractor website?
Usually by removing friction rather than adding pages. The most common wins we see are shortening the quote form, making the phone number tappable, putting service areas in text rather than inside a map widget, and replacing stock photography with real project photos. Those four changes cost very little and address the reasons people leave. Adding a blog or a redesign rarely moves enquiries as much as fixing what already exists.
Do contractors need a website if they get work by referral?
Referrals still check you online before calling. That is the site's main job for a referral-driven trade business: confirming you are real, active, insured, and doing work of the kind and quality the referrer described. A site that looks abandoned — no recent projects, a copyright year several years old — actively costs you referral work that would otherwise have closed. It does not need to generate leads to be earning its keep.
How should a contractor website handle service areas?
Name the places in text, on the page. A map widget looks helpful but the words inside it are usually invisible to search engines and awkward to read on a phone. List the municipalities, neighbourhoods or regions you genuinely serve, and be honest about the boundary — a page claiming an implausibly large radius reads as a lead-generation net rather than a local business, and it wastes your time with enquiries you will decline.
What photos should go on a construction website?
Your own, and finished. Stock photography of generic construction is worse than no photography, because prospective clients recognise it instantly and it signals you have nothing of your own to show. Shoot completed projects in decent light, keep them consistent, and caption them with what the job actually was — the scope, the location, roughly when. A dozen real captioned projects outperform fifty polished stock images.
How long should a contractor quote request form be?
Short enough to finish standing on a job site with one hand. Name, a way to reach them, the location, and a description of the work is usually the whole thing. Every extra required field — budget ranges, dropdown menus of service types, preferred contact windows — costs completions. You can ask the qualifying questions on the call, which is where you were going to have the conversation anyway.
Does a construction company need a blog?
Usually no. For the searches that actually bring a contractor work — a trade plus a place — the page that wins is almost always a service or service-area page, not an article on the same subject. The equivalent effort is far better spent on project pages documenting real jobs and on service-area pages for the places you genuinely work, because both serve those searches and both convert better. Write only when you have something specific to say that a service page cannot hold.
