Most contractor websites fail at the same job. They describe the company instead of helping the visitor decide. A homeowner with a leaking roof or a property manager collecting bids for a tenant improvement does not want a mission statement. They want to know whether you handle their specific problem, whether you work in their area, whether other people like them have used you, and how fast they can get a number.

The gap between a site that generates fifteen qualified enquiries a month and one that generates two is rarely a budget gap. It is a design and structure gap. The higher performing site is usually built around a small number of decisions: what the visitor sees in the first three seconds, how quickly they can reach a phone number, whether the proof is specific or generic, and whether the site loads fast enough on a phone with two bars of signal in a driveway.

This guide covers how to design and build a contractor website that does that job. It applies to general contractors, remodelers, home builders, and the specialty trades, with separate notes where commercial and industrial work changes the requirements.

  • TL;DR

  • Contractor websites convert on trust and speed, not on visual polish. Licence number, insurance status, service area, and a tappable phone number should be visible without scrolling on mobile.
  • The core page set is a homepage, one page per service, one page per meaningful service area, a project portfolio, an about page with real faces, a reviews page, and a contact page. Everything else is optional.
  • Service pages outperform a single combined services page by a wide margin, because they match how people actually search and give you something specific to rank and to cite.
  • Mobile is the primary device for residential trades, often 65 to 80 percent of traffic. Design mobile first, then expand.
  • Click to call is the highest volume conversion for emergency and repair trades. Multi-step forms with photo upload work better for planned projects like remodels and additions.
  • Core Web Vitals matter more for contractor sites than most verticals, because these sites are image heavy and often built on bloated templates. Target LCP under 2.5 seconds and INP under 200 milliseconds.
  • Local SEO and website design are not separate projects. Schema markup, service area structure, and Google Business Profile alignment are design decisions.
  • Typical cost bands: 2,000 to 6,000 USD for a template refresh, 8,000 to 25,000 USD for semi-custom, 25,000 to 75,000 USD for custom, and 75,000 USD and up for multi-location or enterprise builds with field service integration.
  • The site is not finished at launch. The first 90 days of call tracking, form analytics, and iteration typically produce a larger lift than the original build.
  • Aalpha has built and optimised contractor and home services websites since 2008, with 5,500 plus projects delivered across 45 plus countries, ISO 9001:2015 certification, and a 4.9 out of 5 rating from 215 plus verified Clutch reviews. Offshore website development services typically deliver the same project scope at 40% to 60% lower costs than US and UK agency rates.

1. Why contractor websites work differently from other business sites

A software company’s website sells a product that can be trialled and cancelled. A contractor’s website sells an outcome that involves strangers in someone’s home, a five-figure cheque, and a result that cannot be undone easily. The risk profile is different, so the design job is different.

The decision is high trust and often urgent

Two buying modes dominate contractor enquiries. The first is urgent: a burst pipe, a failed AC unit in August, storm damage on a roof. In this mode the visitor is scanning for a phone number and an indication that you can come today. Nothing else registers. Sites that bury the number in a header that collapses on mobile lose these leads to whoever ranks below them.

The second mode is considered: a kitchen remodel, a home addition, a commercial fit-out. Here the visitor may spend two to six weeks researching, will visit your site multiple times, and will compare you against two or three others. They are looking for evidence that you have done this exact type of project before, at roughly this budget level, in roughly this area. Photography, project detail, and process transparency carry the weight.

A well designed contractor site serves both without compromising either. That usually means a persistent call element for the urgent visitor and deep, browsable project content for the considered one.

You are competing with directories, not just other contractors

For most trade searches, the results page is crowded with Angi, Thumbtack, Houzz, Yelp, HomeAdvisor, and the Google map pack before a single contractor’s own domain appears. Your website is rarely the first touch. It is the verification step.

This changes what the site needs to do. Someone who found you through a directory listing or a neighbour’s recommendation arrives already half sold. They are checking that you are real, licensed, insured, and that your work looks like what they want. A site that looks abandoned, has three years of blog silence, or shows a gallery of twelve stock photos undoes the referral.

The three quotes reality

Standard homeowner behaviour is to collect three estimates. Research on home improvement purchasing consistently shows most buyers contact between two and four contractors. The contractor who responds first has a disproportionate advantage, and the contractor whose website answered the most questions before contact usually enters the conversation with more credibility and less price resistance.

Design implications follow directly. Anything on the site that reduces the number of unanswered questions (pricing ranges, process timelines, warranty terms, disruption expectations) shortens the sales cycle and improves close rates. Anything that adds friction to first contact costs you the first responder advantage.

2. Contractor categories and how design requirements change

The advice below is not uniform across trades. Requirements shift meaningfully by category.

General contractors and design-build firms. The portfolio is the product. These sites need deep project case studies with budget bands, timelines, and before and after sequences. The visitor is evaluating taste and reliability simultaneously. Long scroll, image forward layouts work well. Lead capture can afford to be slower and more qualifying, because the deal size justifies filtering.

Residential remodelers and home builders. Similar to the above, with added emphasis on financing options, showroom or design centre information, and process explainers. Home builders often need model home pages, floor plan browsers, and community or lot availability pages, which pushes the build toward a custom content structure.

Specialty trades (roofing, HVAC, plumbing, electrical, concrete, landscaping). Service pages carry the ranking and conversion load. The visitor searches by problem, not by company. Structure around the problem set: “AC not cooling”, “water heater replacement”, “panel upgrade”. Emergency availability, response time promises, and maintenance plan signup are frequent conversion goals.

Commercial and industrial contractors. The buyer is a facilities manager, developer, architect, or procurement officer. They need prequalification information: bonding capacity, EMR (experience modification rate), safety programme, union or non-union status, insurance limits, licensing across states, and past project references with named clients and contract values. Design is more restrained, more document heavy, and a downloadable capability statement is often the primary conversion. Mobile still matters but desktop share is considerably higher than in residential work.

Emergency response trades (water damage, fire restoration, board-up, emergency electrical). Everything collapses to one goal: get the call. The design should be aggressively simple, with 24/7 messaging, a phone number that dominates the viewport, and insurance claim support prominently stated. Load speed is critical because the visitor is often on cellular data in a stressful moment.

3. Site architecture and the core page set

Architecture decisions made before any visual design begins will determine how well the site ranks and how easily it grows.

The minimum viable page set

Every contractor site needs these, and each exists for a reason:

Homepage. Establishes category, service area, and credibility within three seconds.

Service pages, one per service. Matches search intent and gives you depth to rank on.

Service area pages. Captures location modified searches.

Project portfolio. Provides visual proof of capability.

Individual project pages. Adds depth, ranks for niche terms, and gives AI assistants something specific to cite.

About. Humanises the business and shows the owner and crew.

Reviews and testimonials. Consolidates third party proof in one place.

Contact. Captures the visitor who is already ready to act.

Financing, where applicable. Removes the price objection before it becomes a lost lead.

Blog or resources. Earns links and answers pre-purchase questions.

Anything beyond this list should earn its place. Extra pages dilute internal link equity and add maintenance burden.

Hub and spoke service structure

Use a services hub page at /services/ that links to every service, with each service at /services/service-name/. Where a service has meaningful sub-services, nest one level deeper: /services/roofing/metal-roof-installation/. Avoid going three levels deep unless you are managing hundreds of pages, because deep nesting weakens crawl priority and confuses navigation.

The hub page is not a throwaway. It should rank for the broad category term and act as the internal linking distributor for the whole cluster.

Location hierarchy

For a single location contractor serving one metro, a handful of city pages under /service-areas/ is sufficient. For multi-service, multi-city operations, the strongest structure is a service by location matrix: /services/roof-repair/austin-tx/. This scales but demands genuinely unique content per page, which is covered in section 6.

URL conventions

Keep URLs lowercase, hyphenated, short, and descriptive. Drop dates, category prefixes, and stop words. /services/water-heater-replacement/ beats /our-services/plumbing-services/water-heater-replacement-services-in-your-area/. Set the trailing slash convention once and enforce it with redirects.

Navigation

Header navigation should hold five to seven items maximum: Services, Projects, About, Areas, Reviews, Contact, plus a phone number and a primary CTA button. Use a mega menu for the services dropdown if you have more than eight services, but ensure it works on touch. Push secondary items (careers, financing details, warranty terms, licensing, privacy) into the footer.

4. Homepage anatomy, section by section

The homepage is a routing layer with a credibility overlay. It should move visitors to the right service or project page fast while establishing that you are legitimate.

Above the fold

On mobile, the first viewport is roughly 380 by 700 pixels of usable space. It needs to answer four questions:

  1. What do you do? A clear headline, not a slogan. “Roof replacement and repair in Denver” beats “Excellence you can trust”.
  2. Where do you do it? Named city or region, visible without scrolling.
  3. Why should I believe you? A licence number, years in business, or review rating.
  4. What do I do next? One tappable phone number and one secondary CTA (free estimate, book inspection).

Resist the full screen hero video. It delays LCP, eats mobile data, and pushes the value proposition below the fold. A single well compressed hero image with a text overlay performs better on nearly every metric.

Trust bar

Immediately below the hero, a slim horizontal band with licence number, insurance confirmation, years in business, review count and rating, and two or three manufacturer or association logos. This is the highest value 80 pixels on the page and it costs almost nothing to build.

Services grid

Six to nine service cards with an icon or photo, service name, and one line of description. Each links to its service page. Do not put full service descriptions on the homepage. The homepage’s job is to route.

Featured project block

Two or three recent projects with a strong image, project type, location, and a link through to the case study. This is the single most persuasive block for considered purchases. Rotate it quarterly.

Social proof block

Pull three to five reviews with the reviewer’s first name, neighbourhood, and project type. Generic five star quotes with no attribution read as fabricated. Link out to the Google Business Profile so the visitor can verify. Show the aggregate rating and total review count.

Process explainer

A three to five step visual of what happens after the visitor contacts you: call, site visit, written estimate, scheduled work, walkthrough and warranty. This block reduces anxiety about the unknown and consistently improves form completion in testing.

Financing and offer block

If you offer financing, put it on the homepage. Price is the top objection for remodels, HVAC replacement, and roofing. A “from 199 USD per month” style framing with a pre-qualification link converts visitors who would otherwise abandon on sticker shock.

Sticky mobile elements

A fixed bottom bar with two buttons, Call and Get Estimate, present on every scroll position. This alone typically lifts mobile conversion by a measurable margin, because it removes the need to scroll back up.

What to cut

Remove the auto-rotating carousel, the “Welcome to our website” paragraph, the stock photo of a handshake, the counter that animates to “1,247 happy customers”, and the newsletter signup. None of these move a contractor lead forward.

5. Service page design

Service pages are where contractor sites win or lose organic traffic. A single “Services” page listing twelve offerings will rank for none of them. Twelve dedicated pages, each with 900 to 1,800 words of substantive content, will.

One page per service, and when to split further

Create a page for every service you would happily take a call about. If a service has distinct search demand and a distinct buying process, split it. “Roofing” is too broad. “Asphalt shingle roof replacement”, “flat roof repair”, “storm damage roof inspection”, and “gutter installation” are separate pages with separate intent.

The test is simple: if two services would attract different search phrases and require different proof, they need different pages.

The page skeleton that converts

A structure that works across trades:

  1. H1 with service and location. “Water Heater Replacement in Sacramento”.
  2. Opening block. Two or three sentences confirming you do this, in this area, and a phone number.
  3. The problem. What symptoms bring people here. This is where the visitor recognises themselves.
  4. What the service includes. Scope, in plain terms. What is covered, what is not.
  5. Process and timeline. How long it takes, what happens each day, what disruption to expect.
  6. Materials, brands, and options. Specific manufacturer names. This signals real expertise and picks up brand searches.
  7. Pricing signals. A range, with the factors that move it.
  8. Proof. Two or three relevant projects and a testimonial from this service category.
  9. Warranty. Labour and materials terms, stated clearly.
  10. FAQ. Six to ten questions with direct answers, marked up with FAQPage schema.
  11. CTA. Phone, form, and scheduling option.

Showing pricing without committing

The most common objection to publishing pricing is that every job is different. That is true and it is not a reason to say nothing. Publish ranges with the variables:

Most water heater replacements in the Sacramento area run between 1,400 and 3,200 USD installed. Tank capacity, gas versus electric, whether the unit is in a garage or an attic, and any code upgrades required at the time of replacement are the main factors.

This does three things. It filters out people who were never going to buy. It builds trust with the people who were. And it gives AI assistants a specific, attributable number to cite when someone asks what a water heater replacement costs, which is increasingly how these searches begin.

Common service page failures

Thin content of 200 words. Copy duplicated across every service with the service name swapped. Stock photography that clearly is not your crew. No pricing indication at all. No FAQ. A single contact form at the bottom and nothing above it. Missing schema. No internal links to related services or relevant projects.

6. Service area and location pages

Location pages are the most abused tactic in contractor SEO and also one of the most effective when done properly.

When they help and when they hurt

They help when you have real presence and real evidence in a location: completed projects, local reviews, knowledge of local permitting, a physical or satellite address. They hurt when you generate fifty near identical pages by find and replace on the city name. Google classifies those as doorway pages and either ignores them or applies a site wide quality drag.

The practical threshold: if you cannot write 400 words about your work in that city that would be false if you swapped the city name, do not build the page.

What unique local content actually looks like

  • Two or three named projects completed in that city, with photos.
  • Reviews from customers in that city, quoted with neighbourhood names.
  • Local building code or permit specifics. Roof underlayment requirements, seismic strapping rules, HOA restrictions, snow load ratings, wind uplift zones.
  • Climate or housing stock notes. Homes in a 1950s neighbourhood have different plumbing problems than homes in a 2015 subdivision.
  • Response time or coverage information. “We dispatch from our Fremont yard, typically on site within 40 minutes.”
  • Nearby areas served, linked internally.

Structural approach

For fewer than 15 locations, hand write each page. For 15 to 60, use a strong template with at least five genuinely variable content blocks per page, populated from a spreadsheet you fill manually. Beyond 60, treat it as a programmatic SEO project with a data model, and accept that not every page will rank.

Embed a map, but as a static image or a lazy loaded iframe. A live Google Maps embed above the fold is a common cause of poor LCP on contractor sites.

7. Project portfolio and gallery design

For remodelers, builders, landscapers, and design-build firms, the portfolio is not a supporting section. It is the reason people stay on the site.

Case study over gallery

A grid of 200 photos with no context is less persuasive than 20 projects with structure. Give each project its own page containing:

  • Project type and location
  • Scope of work, itemised
  • Budget band, expressed as a range
  • Duration from start to completion
  • Challenges encountered and how they were resolved
  • Materials, fixtures, and brands used
  • Before, during, and after photography
  • A client quote where available

The “challenges” section is the one most contractors skip and the one that builds the most credibility. Describing a subfloor problem discovered on day three, and how you handled it, tells the reader more about your reliability than any adjective.

Before, during, and after

Sequence matters. Show the before at the same angle as the after. Include two or three in-progress shots. The in-progress images are what separate a real portfolio from a set of purchased photos, and they demonstrate site cleanliness and workmanship in ways finished photos cannot.

Photography standards

Professional photography for flagship projects is worth the cost, typically 400 to 1,200 USD per project depending on market. For everything else, a modern phone camera in good light is adequate if the crew follows a few rules: shoot in landscape, clean the space first, open blinds and turn lights on, shoot from corners at chest height, and capture the before shot before anything is touched. That last one is where most contractors lose their portfolio.

Filtering and browsing

Once you exceed 25 projects, add filters: service type, budget band, location, property type, and style. Filtering keeps engaged visitors on site longer and helps them self identify. Ensure filtered views do not create thousands of crawlable URL permutations. Use JavaScript filtering with a canonical on the base URL, or noindex the parameterised versions.

Image performance

Portfolios kill contractor site speed more than anything else. Serve WebP or AVIF with JPEG fallback, size images responsively with srcset, lazy load everything below the fold, set explicit width and height attributes to prevent layout shift, and cap the largest served image at around 200 KB. A 4 MB DSLR upload dropped straight into a gallery is the single most common performance fault found in contractor site audits.

8. Trust, credibility, and proof elements

Trust signals are not decoration. For a purchase where a stranger enters your home, they are the product.

Licensing, insurance, and bonding

Display the licence number as text, not inside an image. Include the issuing authority. State general liability limits and workers’ compensation coverage. For commercial work, add bonding capacity and the surety. Many buyers verify these numbers against state licensing boards before calling, and making that easy is a competitive advantage.

Certifications and affiliations

Manufacturer certifications carry real weight because they are hard to obtain and are tied to extended warranties. GAF Master Elite, Owens Corning Preferred, NATE certification for HVAC technicians, Trex Pro, Kohler Authorized, and similar programmes should be shown with logos and explained in a sentence each. Trade association memberships (NARI, NAHB, NRCA, PHCC, ABC, AGC) add secondary credibility.

Do not display a logo you are not currently entitled to use. Manufacturers audit this and homeowners occasionally verify it.

Review aggregation

Reviews live in multiple places. Consolidate them. Pull Google reviews via API or a widget, and supplement with Houzz, BBB, Angi, Facebook, and Yelp. Show total counts and averages. Link out so visitors can verify independently. A page with 80 reviews and a link to the source outperforms 12 handpicked testimonials with no verification path.

One important caveat: schema markup for reviews collected and displayed on your own site cannot be used to generate rich result stars for your organisation in Google search. Self serving AggregateRating on a LocalBusiness entity is against Google’s structured data guidelines. Display reviews for humans, but do not attempt to game rich results with them.

Faces, not stock

Photograph the owner. Photograph the crew. Photograph the trucks. A page with real people who have names and roles outperforms a page with a stock image of a smiling person in a hard hat, and it is not close. Include a short owner bio explaining why the business exists and how long it has operated.

Warranty presentation

State the labour warranty duration, what it covers, what voids it, and how a claim is made. Vague warranty language reads as evasive. Specific terms read as confident.

Commercial credibility set

For commercial and industrial buyers, add: EMR figure and the year it applies to, OSHA recordable rates, safety programme summary, list of states licensed in, prequalification status with major systems (ISNetworld, Avetta, Veriforce), named past clients with contract values where permitted, and a downloadable capability statement in PDF.

9. Lead capture and conversion design

Traffic without conversion is a vanity metric. The conversion layer deserves as much design attention as the homepage.

Click to call is the primary conversion

For emergency and repair trades, phone calls typically represent 60 to 80 percent of all conversions. Design accordingly:

  • The number appears in the header, the sticky mobile bar, the footer, and inline within every service page.
  • Use a proper tel: link so a single tap dials.
  • Display it as text, never as an image.
  • State hours next to it, or “24/7” if accurate.
  • If you use call tracking numbers, keep the primary NAP number consistent on the contact page and in schema.

Quote request form design

Field count is inversely related to completion rate, but qualification matters too. The resolution is sequencing.

For a single step form, four fields maximum: name, phone, service needed, and a short message. Email can be optional. Address is not needed at first contact.

For a multi-step form, you can ask for considerably more without hurting completion, because progress is visible and the first question is easy. A structure that works well:

  1. What do you need help with? (visual buttons, one tap)
  2. Where is the property? (zip or postcode)
  3. When do you want it done? (asap, within a month, within three months, just planning)
  4. Photos of the area (optional upload)
  5. Name and phone

Multi-step forms with an easy first question routinely outperform equivalent single step forms, and the qualification data makes the follow up call far more productive.

Photo and video upload

Allowing the visitor to attach photos changes the economics of estimating. For roofing, plumbing, and repair work, photos let you give a ballpark number over the phone and cut wasted site visits. Support multiple files, accept HEIC from iPhones, compress on upload, and cap total size sensibly.

Instant estimate calculators

These work well for services with predictable variables: square footage based flooring, standard water heater swaps, fence linear footage, lawn treatment plans. They work badly for anything where scope discovery drives price, which includes most remodelling. A calculator that produces a number the estimator later has to double destroys trust. If the variance is high, use a range calculator with a clearly stated confidence band, or skip it.

Online scheduling

For trades with repeatable appointment types (inspections, tune ups, estimates, service calls), direct scheduling into the field service management system removes a full round of phone tag. It works best when the calendar shows real availability rather than a request form dressed up as a calendar.

Chat and after-hours capture

Live chat helps when a real person is answering during business hours. AI chat assistants have become viable for basic qualification and appointment setting, but they need tight scoping. A chatbot that cannot answer “do you service my zip code” adds friction. After hours, a simple message capture with a promised response time is better than an unanswered chat widget.

Thank you page and follow up

The thank you page is wasted real estate on most contractor sites. Use it to set expectations (“we call back within two business hours”), suggest preparation (“have your model number handy”), link to relevant projects, and offer the phone number for anyone who does not want to wait. Fire your conversion event here, and trigger an immediate confirmation SMS and email. Speed to lead is the strongest predictor of close rate in home services, and a five minute response is a different business outcome than a five hour one.

10. Mobile-first design, performance, and accessibility

Mobile is the default, not a variant

Residential trade sites commonly see 65 to 80 percent mobile traffic. Emergency trades skew higher still. Commercial contractor sites run closer to a 50/50 split. Design the mobile layout first and treat desktop as the expansion, not the reverse.

Consider the physical context. The visitor may be standing in a flooded basement, sitting in a car outside a property, or on a job site with poor signal. Large tap targets, high contrast, minimal typing, and low payload are functional requirements, not preferences.

Core Web Vitals

Google’s page experience signals are measurable and contractor sites routinely fail them because of unoptimised imagery and heavy page builders.

Largest Contentful Paint should come in under 2.5 seconds. On contractor sites it usually fails because of an uncompressed hero image, a background video, or render blocking web fonts.

Interaction to Next Paint should stay under 200 milliseconds. The usual culprits are bloated page builder JavaScript, chat widgets, and a stack of tracking scripts loading on every page.

Cumulative Layout Shift should stay under 0.1. It fails when images have no width and height attributes, when review widgets load late, or when a sticky bar is injected after first paint.

Practical fixes: compress and convert images, preload the hero image, self host fonts with font-display: swap, defer third party scripts, lazy load chat and map embeds, and audit what your page builder ships. A theme that loads 1.4 MB of JavaScript to render a text block is not worth the drag and drop convenience.

Forms and tap targets

Minimum 44 by 44 pixel tap targets. Numeric keypad for phone fields via inputmode=”tel”. Autocomplete attributes on name, phone, email, and address so browsers fill them. Labels above fields, not placeholder-only. Error messages inline and specific. Never disable zoom.

Accessibility

WCAG 2.2 Level AA is the practical standard. In the US, home services businesses have been a frequent target of ADA web accessibility demand letters, and a compliant build is cheaper than a settlement. Core requirements: 4.5:1 contrast for body text, keyboard navigability, alt text on meaningful images, proper heading hierarchy, form labels programmatically associated, focus indicators visible, and no information conveyed by colour alone. Overlay widgets that claim one line compliance do not provide it and have themselves been the subject of litigation.

Language

In many US, Canadian, and Gulf markets, a Spanish, French, or Arabic version of the site is a real commercial advantage. If you build one, translate properly with hreflang annotations rather than bolting on an automatic translate widget.

11. Visual design system and brand identity

Colour

Trades gravitate to blue for trust and red or orange for urgency, which is why so many contractor sites look identical. The differentiation opportunity is in restraint and specificity. Pick one strong accent for calls to action and use it nowhere else. Keep a neutral base so photography carries the visual weight. Ensure the accent passes contrast checks against both light and dark backgrounds.

Typography

Legibility beats personality. Body text at 16 to 18 pixels minimum on mobile, generous line height, and a maximum line length of about 70 characters. A clean geometric or humanist sans for body, and either the same family at heavier weight or a condensed industrial face for headings. Two families maximum, three weights maximum.

Photography direction

Your own photography is the single largest differentiator available. Build a shoot list: crew at work, branded vehicles, equipment, finished projects, the owner, the office or yard, and detail shots of workmanship. Consistency of treatment matters more than perfection of each frame. Avoid stock imagery entirely on the homepage and service pages. It is recognisable and it undermines every other trust signal on the page.

Avoiding the template look

The tells are predictable: rotating hero carousels, isometric illustrations of houses, gradient overlays on generic construction photos, and icon sets that appear on ten thousand other sites. Replacing these with real photos, a distinctive but restrained type pairing, and one consistent accent colour will make an ordinary build look considered.

Offline consistency

The website is one surface. Truck wraps, uniforms, yard signs, invoices, and proposal documents should share the same logo lockup, colours, and typography. A homeowner who saw the truck in the neighbourhood and then finds a site that looks unrelated experiences a small break in confidence.

12. Content and copywriting

Write for the person, not the trade

Homeowners do not know what a “sacrificial anode rod” or “step flashing” is until you tell them. Use the technical term, then explain it in the same sentence. This serves the reader and it captures the technical search at the same time.

Read your copy back and remove anything you would not say to a customer standing in their driveway. “We deliver quality craftsmanship with unparalleled attention to detail” is not a sentence a human says. “We do not leave until the site is clean and you have walked it with the foreman” is.

Answer the three questions everyone has

Cost, duration, and disruption. Most contractor sites answer none of them. Every service page should address all three directly. How much, roughly. How long, realistically. What will my life be like while this is happening, honestly. Contractors who answer these get fewer tyre kickers and more prepared buyers.

Blog and resource content

The blog is worth maintaining only if it answers real pre purchase questions. Useful formats: cost breakdowns, “signs you need X”, material comparisons, seasonal maintenance guides, permit and code explainers for your area, and post storm response guides. Skip company news, holiday greetings, and anything that reads as filler. Four substantial articles a year beat twenty-four thin ones.

Video

Short video assets punch above their production cost. Three that consistently work: a 60 second owner introduction, a project walkthrough narrated by the site lead, and a “what to expect on day one” explainer. Host on YouTube for reach, embed with a facade so the player script does not load until clicked.

Tone by audience

Residential copy can be warm, plain, and reassuring. Commercial copy should be precise, credential led, and lighter on adjectives. If you serve both, keep them on separate page sets rather than blending the voice.

13. Local SEO, schema markup, and AI visibility

Design and local search are not sequential projects. Structural decisions determine what is possible later.

Google Business Profile and site alignment

The map pack drives more contractor calls than organic blue links in most markets. Your profile and your site need to agree on everything: business name, address, phone, hours, categories, and service list. Each service in the profile should have a corresponding page on the site to link to. Post project photos to the profile weekly. Respond to every review, including the bad ones, in a measured tone.

Service area businesses without a storefront should hide the address on the profile rather than listing a residential one, and define service areas by city or postal code.

NAP consistency and citations

Name, address, and phone must match character for character across the site, Google Business Profile, Apple Business Connect, Bing Places, BBB, industry directories, and any legacy listings. Inconsistent NAP is one of the most common causes of stalled local rankings. Audit once properly, then maintain.

Schema markup

Structured data is how you make your credentials machine readable. For contractors, the base entity is HomeAndConstructionBusiness or a more specific subtype such as RoofingContractor, Plumber, Electrician, HVACBusiness, or GeneralContractor.

A workable base implementation:

The business level markup should carry the organisation name, website URL, telephone number, a price range indicator, a representative image, the full postal address, the cities or regions served, opening hours, and the licence number expressed as a credential. Place this on every page so the entity is consistently declared across the site.

On each service page, add a Service entity that names the specific service, references the business as the provider, states the area served, and includes an offer with a minimum and maximum price. That price range is the part most contractors omit and the part most likely to be pulled into an AI generated answer about cost.

Consolidate everything into a single @graph block per page rather than scattering multiple disconnected JSON-LD scripts. Use @id references so the Organization, WebSite, WebPage, Service, and BreadcrumbList entities connect properly. Add FAQPage on pages with a genuine FAQ section, and ImageObject on portfolio images.

Two things to avoid. Do not use Product schema for a service, which is a widespread and incorrect pattern on contractor sites. And do not add AggregateRating for reviews you collected yourself and display on your own site, which violates Google’s guidelines on self serving reviews.

AI visibility and citation

An increasing share of contractor research now starts in ChatGPT, Perplexity, Gemini, or Google AI Overviews rather than a traditional search box. Questions like “how much does a roof replacement cost in Denver” or “best HVAC contractors near Round Rock” get synthesised answers, and the sources cited are the ones that provided extractable, specific information.

What makes content citable:

  • Direct answers near the top. Lead with the answer, then explain. A question as an H2 followed immediately by a two sentence answer is the most extractable pattern.
  • Specific numbers. Ranges, timelines, percentages, and measurements get quoted. Vague claims do not.
  • Side by side comparisons. Material comparisons, service tier breakdowns, and cost structures laid out clearly get pulled frequently.
  • Definitions. A clean one paragraph definition of a technical term is high value extraction material.
  • Clear entity association. Consistent naming, schema, and an about page that establishes who you are and what you do.
  • Freshness signals. Visible last updated dates and current year references.

Also allow the relevant crawlers in robots.txt unless you have a specific reason not to. Blocking GPTBot, PerplexityBot, ClaudeBot, and Google-Extended removes you from consideration in the surfaces where an increasing share of high intent research now happens.

14. Platform and technology choices

There is no universally correct platform. There is a correct platform for your scale, budget, and internal capability.

WordPress. Still the default for the majority of contractor sites. Enormous plugin ecosystem, strong SEO tooling, plenty of developers, full ownership and portability. The risk is bloat: a stacked theme plus page builder plus twenty plugins produces a slow, fragile site. A lean build using the block editor or a well built theme with minimal plugins performs well.

Webflow. Excellent design control, clean output, good CMS for portfolios and location pages, no plugin maintenance. Higher ongoing cost and a smaller pool of contractors familiar with it. Strong choice for design led firms.

Squarespace and Wix. Viable for a small operation with a handful of services and one location. They become limiting once you need dozens of location pages, custom schema, or field service integrations.

Industry specific platforms (Footbridge, Blue Corona, Scorpion, Townsquare Interactive and similar). Fast to launch, home services expertise built in, and integrated with marketing services. The material downside is ownership. Many operate on a lease model where you do not own the site, cannot export it, and lose everything if you leave. Read the contract terms on ownership, data export, and domain control before signing.

Headless and Next.js. Appropriate for large multi-location operators, franchises, and firms with hundreds of pages and real performance requirements. Best in class speed and flexibility, higher build cost, and a developer dependency for ongoing changes. A common pattern is Next.js on the front end with WordPress as the content backend, which gives marketing teams a familiar editor and users a fast site.

Template versus custom. A template refresh is right when the business is small and the priority is being present and credible. Semi-custom, meaning a quality base extended with custom sections and content structure, covers most established contractors. Fully custom is justified when the site is a primary revenue channel, when you need unusual functionality, or when brand differentiation has commercial value.

Whatever you choose, verify three things before committing: you own the domain and the DNS, you can export the content and the design, and you can access hosting directly.

15. Integrations, analytics, and call tracking

Field service and CRM

A website that dumps leads into an inbox loses money. Connect the forms directly into whatever system runs the business: ServiceTitan, Jobber, Housecall Pro, JobNimbus, Buildertrend, Procore, or a general CRM. The integration should pass service type, location, urgency, and any uploaded photos so the dispatcher or estimator has context before calling back.

Estimating and proposal tools

Where estimating software supports it, connecting the web form to the estimate workflow shortens turnaround. For trades using measurement services (EagleView, Hover, RoofSnap), a site that captures the property address at first contact allows a report to be ordered before the callback.

Payments and financing

Embedded financing pre-qualification from providers like GreenSky, Wisetack, Acorn Finance, or Synchrony converts price sensitive visitors. Soft credit checks that do not affect the visitor’s score should say so explicitly on the page. For service trades, online invoice payment reduces collection time.

Call tracking

Dynamic number insertion lets you attribute calls to source, which is essential when 70 percent of conversions are phone calls. Implement it carefully:

  • Keep one consistent primary number in schema, the footer, and all external citations.
  • Use tracking numbers only in the dynamically swapped display position.
  • Ensure the fallback renders the primary number if the script fails.
  • Confirm the provider forwards to the primary line so caller ID history stays intact.

Analytics

Set up GA4 with defined conversion events rather than relying on defaults. At minimum: phone_click, form_submit, quote_started, quote_completed, financing_click, chat_started, and directions_click. Add Google Search Console, and either Microsoft Clarity or Hotjar for session recordings and heatmaps, which tend to reveal form abandonment causes faster than any amount of analysis.

Track cost per lead by channel and, where the CRM allows it, cost per booked job. Lead volume without close rate data leads to optimising for the wrong thing.

16. Common contractor website mistakes

  1. Phone number in an image or hidden behind a hamburger menu. Costs calls every single day.
  2. One combined services page. Guarantees you rank for nothing specific.
  3. Stock photography of crews that are not yours. Homeowners spot it and it invalidates every other trust signal.
  4. No pricing information anywhere. Pushes buyers to competitors who give them a number.
  5. 4 MB gallery images. Destroys mobile load time on the exact device most of your traffic uses.
  6. Location pages generated by find and replace. Doorway page risk with no ranking upside.
  7. Testimonials with no attribution. “Great job! – J.S.” reads as invented.
  8. No licence number displayed. A verifiable licence number is free credibility.
  9. Contact form as the only conversion path. Emergency callers will not fill in a form.
  10. Product schema used for services. Invalid markup that can trigger manual action.
  11. Blog last updated in 2021. Signals a business that may not still be operating.
  12. Auto-playing hero video. Slow, data hungry, and it delays the value proposition.
  13. No sticky call element on mobile. Forces visitors to scroll back up to convert.
  14. Site owned by the marketing vendor. Leaves you unable to leave without starting over.
  15. No conversion tracking configured. Makes every marketing decision a guess.

17. Cost, timeline, and what to expect from a build

Price bands

Template refresh, 2,000 to 6,000 USD. An existing theme, 8 to 15 pages, basic on-page SEO, and a contact form.

Semi-custom, 8,000 to 25,000 USD. Custom design applied to a solid base, 20 to 50 pages, proper service and location structure, schema markup, and CRM integration.

Custom, 25,000 to 75,000 USD. Bespoke design and build, custom content types, a real portfolio system, photography, and full technical SEO.

Multi-location or enterprise, 75,000 USD and up. Programmatic location structure, franchise or branch management, field service integration, and headless architecture.

Offshore development can reduce these figures by 40 to 60 percent for equivalent scope, which is why a large share of US and UK contractor websites are built by teams in India, Eastern Europe, or Southeast Asia. Aalpha Information Systems, founded in 2008 and ISO 9001:2015 certified, has delivered 5,500 plus projects across 45 plus countries and holds a 4.9 out of 5 rating from 215 plus verified Clutch reviews, working with contractors and home services businesses across the US, UK, and Gulf markets.

What drives cost up

Custom photography and videography. Large location page matrices. Field service management integration. Multilingual builds. Custom calculators and configurators. Accessibility remediation to a certified standard. Migration from a proprietary platform where content must be manually rebuilt.

Realistic timelines

  • Template refresh: 3 to 5 weeks
  • Semi-custom: 8 to 12 weeks
  • Custom: 12 to 20 weeks
  • Enterprise or multi-location: 20 to 36 weeks

The most common cause of overrun is content, not development. Photography, service descriptions, project details, and review collection sit with the contractor, and they take longer than anyone plans. Start content production in week one, not week eight.

Ongoing costs

Hosting between 20 and 300 USD per month depending on tier. Maintenance and security updates between 100 and 500 USD per month. Content production between 500 and 3,000 USD per month if you are running an SEO programme. Call tracking between 30 and 150 USD per month. These are not optional extras. A site with no maintenance budget degrades within eighteen months.

Launch checklist and the first 90 days

Before launch: 301 redirects mapped from every old URL, XML sitemap submitted, Search Console and GA4 verified, conversion events firing and tested, forms tested on real devices, SSL active with no mixed content, schema validated in the Rich Results Test, Core Web Vitals measured on mobile, and Google Business Profile updated with the new URLs.

After launch, the first 90 days matter more than the build. Watch which service pages get traffic and which do not. Review session recordings for form abandonment. Listen to a sample of tracked calls to hear what people actually ask, then answer those questions on the site. Test the primary CTA wording. Add the FAQs that keep coming up on the phone. Most sites gain more from three months of this than from another 10,000 USD of design.

18. How to choose the right website design company for contractors

Most contractors get this decision wrong in one of two directions. They hire the cheapest option and end up with a template that looks like four hundred other sites in the same trade, or they hire a large marketing firm that leases them a site they will never own. Both outcomes are expensive in different ways.

Decide what you are actually buying

Before you talk to anyone, be clear about which of three things you need. A website build is a defined project with a deliverable and an end date. A marketing programme is an ongoing service where the site is one component alongside SEO, ads, and content. A platform subscription is a rented site that stops working when you stop paying. These are priced and contracted differently, and a great deal of confusion in this market comes from vendors selling the third while describing the first.

If your existing site is fundamentally sound and the problem is traffic, you need a marketing programme, not a rebuild. If the site is slow, poorly structured, and cannot be extended, no amount of marketing spend will fix it.

Freelancer, agency, or in-house

A freelancer works well for a straightforward build below roughly 15,000 USD, where the scope is clear and you have the time to manage the process yourself. The risk is continuity: one person can get sick, take a full-time job, or stop responding, and you have no recourse.

The web design agency makes sense when the project includes SEO, integrations, content production, and ongoing optimisation. You are paying for process, redundancy, and specialisation. The premium is justified only if they can demonstrate results in home services or construction specifically, not just a general portfolio.

In-house is viable above a certain scale, typically multi-branch operators or franchises with continuous campaign and content needs. Below that, the fixed cost of a designer and developer on payroll is hard to justify.

Trade experience matters more than portfolio size

A design firm with two hundred restaurant and boutique clients will build you something attractive that does not convert, because they will optimise for aesthetics rather than for a homeowner scanning for a phone number. Ask specifically for work in your trade, or in an adjacent trade with the same buying pattern.

The tell is whether they ask you the right questions during the sales process. A firm that understands contractor marketing will ask about your average job value, your close rate, where your leads currently come from, whether you dispatch or schedule, what your service radius is, and which services you actually want more of. A firm that leads with colour palettes and homepage sliders has not done this before.

Evidence to request before signing

Ask for two references from contractors in a similar trade and market size, and call them. Ask those references what changed in lead volume after launch, how long the project took against the original estimate, and how responsive the vendor has been since.

Ask for live URLs of three sites they built, then run those URLs through PageSpeed Insights yourself. If their own portfolio sites score poorly on mobile, yours will too. Check whether the sites have real service pages or a single combined services page, whether the schema markup validates, and whether the photography is original or stock.

Ask what results they can point to. Rankings are a weak proxy. Lead volume, cost per lead, and booked jobs are the numbers that matter. A vendor who can only talk about impressions and traffic is measuring the wrong thing.

The ownership question

This is the single most important term in the contract and the one most often skipped. Get written confirmation of four things: you own the domain and control the DNS, you own the website files and design, you can export all content in a usable format, and the analytics, Search Console, and Google Business Profile accounts are in your name with you as owner.

Several large home services marketing firms operate on a lease model. The site performs adequately while you pay, and if you leave you get nothing. Contractors who have spent five years building content and rankings on a leased platform discover the cost of that arrangement only at the exit. If a vendor will not put ownership in writing, that answer is the answer.

Understand the pricing model

Fixed price project work is the cleanest arrangement for a defined build. Monthly retainers suit ongoing SEO and content, but should be separable from the build so you can end one without losing the other. Be cautious with any structure that bundles the site into a monthly fee with no ownership transfer at the end, and with multi-year lock-ins where the early termination fee exceeds the remaining value.

Clarify what happens after launch. Who fixes a broken form at nine at night. Who updates the phone number when you add a line. Whether content edits are included or billed hourly. Whether hosting and maintenance are in the quote or added later.

Onshore, offshore, or hybrid

Offshore development teams deliver equivalent scope at 40 to 60 percent below US and UK agency rates, which is why a substantial share of contractor websites in those markets are built in India, Eastern Europe, and Southeast Asia. The trade-off is coordination: time zone overlap, communication cadence, and cultural fluency with your end customer.

The hybrid model addresses most of this. Strategy, content, and account management stay in your market while design and development happen offshore. If you go fully offshore, verify overlap hours, ask who your day to day contact is, insist on weekly demos rather than a single reveal at the end, and check that they have written English copy for a US or UK homeowner audience before.

Red flags

Guaranteed first page rankings, which nobody can promise. Refusal to name past clients. No written scope document. A proposal with no timeline. Ownership terms that are vague or absent. Pressure to sign before you have seen the contract. A portfolio full of sites that no longer exist. Pricing that is dramatically below market, which usually means a template with your logo dropped in.

Questions worth asking in the first call

Who owns the site if we part ways. What is your process for content and photography, and what do you need from me. How many revision rounds are included. What happens if the project runs past the timeline. Which platform will you build on and why. Who will I be talking to each week. What does month four look like after launch.

The answers tell you more than the portfolio does.

19. Frequently asked questions

How much does a contractor website cost?

A template based site runs 2,000 to 6,000 USD. A semi-custom site with proper service and location structure runs 8,000 to 25,000 USD. A fully custom build runs 25,000 to 75,000 USD. Multi-location and enterprise builds start around 75,000 USD. Offshore development teams typically deliver equivalent project scope while reducing web development costs by 40% to 60%.

How long does it take to build a contractor website?

Three to five weeks for a template refresh, eight to twelve weeks for semi-custom, and twelve to twenty weeks for a custom build. Content and photography are usually the bottleneck rather than development.

What pages does a contractor website need?

A homepage, one page per service, service area pages, a project portfolio with individual project pages, an about page, a reviews page, and a contact page. Financing and blog pages are added where relevant.

Should I list prices on my contractor website?

Yes, as ranges with the factors that influence them. Published ranges filter unqualified enquiries, build trust with serious buyers, and give AI assistants specific figures to cite when someone searches for cost information.

What is the best platform for a contractor website?

WordPress covers most cases and offers full ownership. Webflow suits design led firms. Next.js with a headless CMS suits large multi-location operators. Avoid proprietary platforms that retain ownership of the site.

How important is mobile design for contractors?

Critical. Residential trades typically see 65 to 80 percent mobile traffic, and emergency trades higher. Design mobile first, with a persistent tap to call element and forms that require minimal typing.

What schema markup should a contractor website use?

Use the specific subtype of HomeAndConstructionBusiness that matches the trade, plus Service on each service page, FAQPage on pages with FAQs, and BreadcrumbList for navigation. Do not use Product schema for services, and do not add self serving AggregateRating.

How do I get my contractor website to rank locally?

Optimise the Google Business Profile, keep NAP consistent everywhere, build individual service pages, create location pages with genuinely unique local content, earn local citations and links, and collect reviews consistently.

Do location pages actually work?

They work when each page contains real local evidence: named local projects, local reviews, local code and permit specifics, and coverage details. Pages generated by swapping the city name in identical copy are treated as doorway pages and can drag down the whole site.

How many photos should a contractor website have?

Quality and organisation matter more than volume. Twenty structured project case studies with before, during, and after photography outperform two hundred unlabelled gallery images. Every image should be compressed, correctly sized, and lazy loaded.

Can AI assistants like ChatGPT recommend my contracting business?

They can, if your content is specific and extractable. Direct answers placed near the top of pages, concrete numbers and ranges, comparison tables, clean definitions, valid schema markup, and allowing AI crawlers in robots.txt all increase the likelihood of being cited.

How do I know if my website is generating leads?

Configure GA4 conversion events for phone clicks, form submissions, and chat starts, add call tracking with dynamic number insertion, and connect form submissions to your CRM so you can trace lead volume through to booked jobs and revenue.

How do I choose a website design company for my contracting business?

Prioritise trade specific experience over portfolio size, ask for two references from contractors in a similar market and call them, run their existing client sites through PageSpeed Insights yourself, and get written confirmation that you own the domain, the site files, the content, and the analytics accounts.

Should I hire a freelancer or an agency to build my contractor website?

A freelancer suits a defined build below roughly 15,000 USD where you can manage the process. An agency suits projects that include SEO, integrations, content production, and ongoing optimisation, and is worth the premium only if they can show results in home services specifically.

Conclusion

A contractor website has one job: turn a stranger’s uncertainty into a phone call. Everything in this guide serves that. Structure the site so people find the exact service they need. Prove you are real with licence numbers, faces, and photographs of work you actually did. Answer the cost, timeline, and disruption questions before they are asked. Make the site fast on a phone. Then measure what happens and keep adjusting.

The contractors who win online are rarely the ones with the most expensive websites. They are the ones whose sites answer more questions, load faster, and make it easier to get in touch than the two competitors the homeowner is also considering.

If you are planning a build or a rebuild, start with the content and the structure. The design will be better for it.

Planning a website build for your contracting business? Aalpha has delivered 5,500 plus projects across 45 plus countries since 2008, with a 4.9 out of 5 rating from 215 plus verified Clutch reviews. Get in touch for a scoped estimate.