Website Design for Construction Companies: What a Contractor's Site Needs to Win Work

Most contractors' websites were built to prove the company exists. A drone shot of a site, a paragraph about quality and safety, a list of services and a phone number. That was enough when work came only through people who already knew you.

The people deciding whether to invite you to price now look you up first: supply chain managers at tier 1 contractors, developers, consultants, facilities managers and public sector buyers. They are checking a short list of things, and if your site does not answer them they move on to the next name without telling you.

This guide is a specification: the pages a construction company website needs, the project pages that carry most of the weight, accreditations, phones, speed, local search, enquiry handling, cost and how to brief a web designer. If your question is why your current site produces no leads, start with our guide to why construction companies struggle to generate leads online.

What buyers check before they call

Construction website design is B2B website design. The visitor is a professional with a specific package, region and risk threshold, trying to rule you in or out quickly. Each of their questions needs a page that answers it.

The pages a construction company website needs

The structure below suits most civils, groundworks, M&E and building contractors. Scale it to the work you actually do: a firm with three core services needs three service pages, not twelve thin ones.

• Home: one sentence on what you do, for whom and where, with accreditations and a phone number in view without scrolling.
• Services: a page per capability, each with the package sizes you take on, the sectors you deliver it in, the regions you cover and two or three linked projects.
• Sectors: a page for each market you genuinely work in, such as water, highways, rail, education, housing or commercial, linking back to the relevant services and projects.
• Projects: a filterable list by service, sector and region, with a full write-up behind each one.
• Accreditations and policies: schemes, levels and renewal dates, plus short summaries of your health and safety, quality, environmental and social value policies.
• Team: named people with roles and experience, especially the ones a client will deal with on site.
• Areas covered: the regions you work in and where you are based. Add separate area pages only where you have real projects to show there.
• Careers: many contractors are recruiting, and job seekers look you up too. A page of their own gives them somewhere to go other than your sales enquiry form.
• Contact: separate routes for a project enquiry, a tender or supply chain invitation, and everything else.

Link the pages to each other: a buyer on your drainage page should be one click from a drainage project in their sector, and one more from your accreditations. That linking also helps search engines understand what you do, the starting point of our SEO work for contractors.

Project write-ups that do the job of a tender answer

Project pages carry most of the weight, and most firms underwrite them. We cover why in our guide to digital marketing for civil engineering firms. Here is a format that answers the same questions in the same order every time.

• A plain headline that names the work, the sector and the place.
• A summary box with client type, your role (principal contractor, subcontractor or specialist), value band, programme length and location.
• The constraints you worked around: live traffic, possessions, occupied buildings, ground conditions, access or environmental limits.
• How you approached it, in a few short paragraphs written by the person who ran the job.
• The outcome: handover against programme, any safety or quality recognition, and a client comment if you have permission to use one.
• Photos from before, during and after, each with a caption.
• Links to the matching service and sector pages.

Value bands rather than exact contract values are usually enough for a buyer and keep you clear of client confidentiality. Ask clients before naming them, and if they say no, describe them by type.

Accreditations and evidence

The pre-qualification paperwork you assemble for schemes such as Constructionline and CHAS is already good website content; our guide to Constructionline, CHAS and PAS 91 explains what each scheme covers. On the site, present it so a supply chain manager can check it in under a minute.

• List each scheme with its level and the month it renews, and update the page the week you renew.
• Use only the logos of schemes you currently hold. An expired badge is easy to spot and undoes the point of showing it.
• Summarise each policy in a few sentences and say the full document is available on request.
• Put your company registration number and registered address in the footer, so a buyer can match you to Companies House.

Our guide to getting onto a tier 1 contractor's supply chain covers what supply chain managers look for beyond the website.

Built for phones, used on site

Contractors' websites are often checked on a phone, by a site manager after a subcontractor's number or a supply chain manager between meetings. Google says it uses the mobile version of a site's content, crawled with the smartphone agent, for indexing and ranking.¹

Two consequences follow. First, the phone version must carry the same content as the desktop one; Google says only the content shown on the mobile site is used for indexing.¹ Project details hidden on mobile are invisible to search. Second, do not rely on content that only loads when someone swipes or taps: Google says it won't load content that requires user interactions to load.¹ Gallery captions that appear only after a swipe are a common example.

Make the phone number tap-to-call on every page, keep forms short enough to fill in with a thumb, and keep capability statement downloads small enough for a weak signal.

Speed and Core Web Vitals

Construction sites are often slow for predictable reasons: full-size drone photos, autoplaying background video, image sliders and a pile of plugins. Google measures page experience with Core Web Vitals, and its web.dev guidance sets the thresholds for a good experience.²

Those targets are measured at the 75th percentile of page loads, split across mobile and desktop, and a page passes only if it meets all three.² In practice that means testing on mid-range phones over mobile data, not on the office broadband.

Keep speed in proportion. Google says Core Web Vitals are used by its ranking systems, but that good scores do not guarantee top rankings and chasing a perfect score just for SEO may not be the best use of your time.³ It also says it always seeks to show the most relevant content, even if the page experience is sub-par.³ Aim for both, and fix heavy images first, as they are usually the cause.

Local search: make the site and your Google profile agree

For local searches, your Google Business Profile and your website work as a pair, and the most common problem is that they disagree. Google's guidelines say your profile name should reflect your business's real-world name, as used consistently on your shopfront, website and stationery and as known to customers.⁴ Keyword-stuffed names such as "Smith Groundworks Drainage Contractor Birmingham" break that rule. Google also says it can detect category information from your website,⁴ so clear service pages support the categories you choose on the profile.

• Use the same company name, address and phone number on the website footer, the contact page and the profile.
• Link the profile to the page that best represents that location or service, not always the home page.
• Add project photos to the profile as well as the site. Google lists adding photos and videos, responding to reviews and keeping information complete among its tips for local ranking.⁵

Our leads guide covers reviews and service areas. For Aquatech Civils, a West Bromwich installer of attenuation tanks and lining systems, our work has covered location and service pages and their Google Business Profile together. If you are in the West Midlands, our Birmingham web design team works from Brindley Place.

Lead capture: forms that land in a CRM

A contractor's contact form receives a developer with a scheme, a tier 1 asking you to register, a homeowner with a job you don't take on, job applicants and sales calls. In one inbox, the valuable ones wait behind the rest.

• Ask the visitor what they need first, with a short choice: project enquiry, tender or supply chain invitation, careers, other.
• Ask only what you need to reply: name, company, contact details, project type, location and timing.
• Route by type, so tender invitations reach the estimator and applications reach whoever hires.
• Send every enquiry into your CRM with the page it came from and the source, such as Google search, Google Ads or a referral.
• Tell people how their data is used. The ICO says you must provide privacy information to individuals at the time you collect their personal data from them,⁶ so link your privacy notice beside the submit button.

If enquiries then sit unanswered because the people who should reply are buried in paperwork, our guide to where civils contractors lose time to admin covers that.

Photos and video from your own sites

Stock photos of hard hats tell a buyer nothing. Your own site photos, even from a phone, show the work and the conditions.

• Check every photo for PPE and safe working before it goes up. A supply chain manager will notice a missing harness or an unsupported trench.
• Get the client's agreement before publishing.
• Compress images and serve them at the size they are displayed.
• Write a caption and descriptive alt text for each image. Google says alt text is the most important attribute for giving it information about an image, and warns against filling alt attributes with keywords.⁷
• Host video on YouTube or Vimeo and embed it on the project page, rather than running it as an autoplaying background that slows every visit.

Ownership, hosting and the platform

Before choosing a builder, decide what you need to own and control. The domain name, the hosting account, Google Analytics, Search Console, the Google Business Profile and the ad accounts should all be registered to your company, with your own admin login, not held by a freelancer or agency. If you part ways, you keep everything.

Then pick the platform for the job. Someone in your team should be able to add a project write-up without calling a developer, because a projects section that stops being updated goes stale.

What drives the cost of a construction website

How much a website costs in the UK depends on a handful of drivers, mostly content and integration rather than design. Ask each supplier to price them separately so you can compare like with like.

• Number of page types: a service page, a project page and a sector page are each a template to design and build.
• Content: who writes the service pages and project write-ups. Writing is often the biggest hidden cost.
• Photography and video: using your own site photos, or paying for a shoot or drone footage.
• Integrations: forms into a CRM, job listings, document downloads, or a quoting tool.
• Migration: moving existing pages and setting up redirects so you don't lose the search visibility you already have.
• Ongoing costs: hosting, security updates, plugin or platform licences, and any monthly support or content work.

If you want a quoting or estimating tool built into the site, read our comparison of estimating software and custom quoting tools before you add it to the website brief, since it is a software project in its own right.

Redesigning without losing what already ranks

The biggest risk in a redesign is losing pages that already bring in enquiries. If URLs change, Google advises server-side permanent redirects, such as 301 or 308, from each old URL to its new one, and recommends keeping the redirects for as long as possible, generally at least one year.⁸ It also says to expect temporary fluctuation in rankings while it recrawls the site.⁸ Plan the launch for a quieter month, not the week before a big tender deadline.

Use the checklist below before, during and after a rebuild. Tick what is already true, not what is planned.

How to brief a web designer

A good brief gets you comparable quotes and saves weeks of back and forth. Two or three pages covering these points is enough.

1. Who you want more work from: the client types, sectors, package sizes and regions, in order of priority.
2. What you do: your services, as you would describe them to a client, with the ones you want to grow marked.
3. Evidence you have: projects you can write up, accreditations, photos, client comments you have permission to use.
4. Who will write the content, and who signs it off on your side.
5. What the site must connect to: your CRM, email, job board or any internal systems.
6. What exists today: your current site, which pages bring in enquiries, and access to Analytics and Search Console.
7. Ownership: that the domain, hosting and accounts stay in your company's name.
8. How success will be measured: enquiries, tender invitations and supply chain approvals by source, reviewed over months rather than weeks.

Ask each designer for two B2B sites they have built and how they have performed since launch. Our website builds start from this brief.