Good contractor website design is not about how the site looks to you. It is about what happens in the first five seconds for a stranger on a phone. I have looked at thousands of contractor websites since 2013, and I run the same five tests every time. They take about ten minutes, no tools, no login. If a website fails two of the tests, it is costing the owner jobs every week, no matter how good the crew is.

Why do most contractor websites fail even when they look fine?

Because they were built to describe the company instead of to win the customer. The owner picks the photos, approves the colors, and reads it on a big monitor in the office. The customer finds it on a cracked phone screen at 9pm with a leaking water heater and three other tabs open.

That gap shows up in the numbers. The median contractor website turns 2 to 4 percent of visitors into leads. The top performers turn 8 to 12 percent from the same traffic (OnwardCraft contractor website study, June 2026). Same clicks, three times the calls. The difference is almost never the logo. It is the five things below, and they apply to general contractors, remodelers, roofers, and every home services trade.

I am going to give you the checks in the order I run them. Grab your phone, open your own website, and keep score on the five tests.

Check 1: How fast does it load on a phone?

This test is first because nothing else matters if the visitor leaves. Contractor websites that load in under 2.5 seconds convert at 6.8 percent on average. Websites over 4.5 seconds convert at 2.1 percent (OnwardCraft, 2026). That is a 3x gap before anyone reads a word.

The usual causes are huge uncompressed photos, a slider on the home page, a dozen tracking scripts, and cheap hosting. Most of it is fixable in a day. We wrote the full fix list in why slow load speed is the silent killer.

Check 2: Does the message speak to your best buyer and tell them how you make their life better?

This is where I see the most money left on the table. Every contractor has an ideal customer: the slice of the market that has the money, is the best buyer for what you do, and is easy to work with. Your website should talk directly to that person. Not to everyone. Not to your competitors. To them.

Compare two headlines. "Smith Plumbing, serving the tri-county area since 1998, residential and commercial." versus "Water heater out? A licensed plumber at your door today, with the price agreed before we start." The first one is about Smith. The second one is about the homeowner standing in a cold shower. Only one of them gets the call.

Potential clients do not care what you do. They care what is in it for them. If you write for your ideal buyer, the wrong customers filter themselves out too, which is exactly what you want.

Check 3: Do you tell them exactly where to go and what to do next?

There has to be one main action. Call now. Book online. Get a quote. Pick it and make it the biggest, clearest thing on the page. When a website offers six buttons of the same size, visitors do nothing. No ambiguity. One job for the page, one clear call to action, repeated as they scroll.

For most home service companies the right answer is a tap to call button that sticks to the bottom of the phone screen, plus a short form for people who would rather not talk. Eighty-nine percent of high converting contractor websites have a sticky call button. Thirty-eight percent of low converting websites do (OnwardCraft, 2026).

Check 4: Is all of it above the fold?

Above the fold means the part of the screen a visitor sees before they scroll. On a phone that is a small window. If your logo, a giant photo, and a menu eat the whole thing, the visitor has to work to find out why they should stay. Most will not.

Tests 2 and 3 have to pass inside that first screen. Message, benefit, action. The photo can be smaller. The company history can live on the about page. Your best customer arrives with a problem and a thumb. Give them the answer before the thumb moves.

Check 5: Does the whole thing feel trustworthy?

A contractor website does not have to be beautiful. It cannot look skimpy or thrown together. People decide if they trust you in seconds, and a big chunk of that decision comes from how put together the site looks. Stanford's web credibility research found about 75 percent of people judge a company's credibility by its website design (Fogg, Stanford Persuasive Technology Lab).

Trust signals that work for general contractors, roofers, HVAC companies, and every other trade: real photos of your crew and trucks, client testimonials pulled live from Google, license and insurance numbers, years in business, and a real local phone number. Stock photos of a smiling model in a hard hat do the opposite.

What do the best contractor websites have in common?

I have reviewed hundreds of contractor websites, from one truck handyman work to commercial construction companies with dozens of projects a year, and the websites that book jobs share the same design choices. Here is what shows up again and again in good contractor web design, and what you can borrow for yours.

Great design serves the buyer, not the ego

The best general contractors websites, roofing websites, and remodeling websites lead with the customer's problem and a clear call to action. Clean layout, one message, one button. Great design is not decoration. It is the structure that helps visitors understand who you are, what services you provide, and how to reach you quickly. Construction websites that open with a drone video of the office lose to websites that open with a promise and a phone number.

A portfolio or project gallery with real projects

Homeowners and commercial clients want examples. A portfolio of finished projects, a gallery of before and after photos, and a short story on each job do more for trust than any paragraph about your values. Show residential projects and commercial projects separately if you do both, so each buyer sees their kind of work. Websites with a real collection of projects convert better than websites with stock photography, every time.

Examples of contractor websites that get it right

The clearest examples come from contractors who specialize. A roofing company that only does residential roofs. A construction company that focuses on commercial build outs. A remodeler who specializes in kitchens. Their websites are simple because they know exactly who they serve, and the design, the content, and the portfolio all point at that one buyer. When you look at examples of great contractor websites, notice how few services they list on the home page and how many they explain on their own pages.

The weakest examples try to cover everything: residential, commercial, industrial, handyman, new construction, and repairs, all on one page. Potential clients cannot tell what the company is good at, so they leave. Users decide in seconds. Focus wins.

Content that helps clients decide

Helpful content is the quiet workhorse of contractor websites. Pages that explain your process, what determines pricing, how long projects take, and what happens after the estimate. A blog post that answers a common question. A transparency page about how you handle change orders. This content builds trust, gives search engines pages to rank, and is a long term solution for bringing in many leads instead of a one time ad spend. Importantly, it is an investment that keeps paying while ads stop the day you stop funding them.

Website builders, WordPress, and custom platforms can all host this content. Pick the one your team can update. The reliability of your process, the range of services you offer, and the timely way you respond to estimates all belong on the page, because that is what clients want to hear before they connect with you.

Client testimonials, reviews, and proof

Client testimonials pulled from Google, with names and towns, sit near the top of the best contractor websites. So do license numbers, insurance, years in business, and any awards. This is the trust section, and it should be within one scroll of the headline. Respond to reviews too. Visitors read the replies.

Service pages and location pages, not one long list

Good contractor websites give every service its own page. Kitchen remodel, bathroom remodel, roof replacement, AC repair. Each page explains the process, shows projects of that type, answers pricing questions honestly, and ends with the same clear call to action. Those pages are also what ranking in Google depends on. SEO for contractor websites is mostly building useful pages that match what homeowners search, plus a Google Business Profile that points to them.

Built on a platform you can update

The platform matters less than people think. WordPress, a website builder, or a custom build can all work when the design follows the five tests. What matters is that your team can post new projects, add a blog article, and change pricing or hours in minutes without paying a web design agency for every edit. Contractor websites that go stale for years lose trust and rankings together.

Speed and mobile first

Most visitors come from a phone, usually from Google search or Google Ads. The websites that win load quickly on cell data, have tappable phone numbers, and keep forms short. If your web design company built for a desktop monitor, fix that first.

None of this requires hiring marketing experts for a six month project. It requires helping contractors see their website the way a buyer does. Start with the five tests, then work through this list over the next few months. Every item you add makes the website a better salesperson and brings in more leads from the same traffic.

Scoring your contractor website

The cost of not fixing this is easy to count. Take 500 visitors a month. At 2 percent you get 10 leads. At 6 percent you get 30. Same traffic, same crew, 20 extra leads a month, forever. Every month you leave the website as is, that gap is the bill. We broke down the full math in website lead generation.

Common questions about contractor website design

Does a contractor need a website?

Yes. Even when the lead comes from a referral or Google Maps, most people check the website before they call. No site, or a bad one, and the referral goes to the next name on the list. It is also where AI search tools pull answers from when someone asks who to hire.

What makes a good contractor website?

It passes the five tests: fast load, a message aimed at your ideal buyer, one clear next step, all above the fold, and a trustworthy feel. After that, service pages for each job you do, a page for each town you serve, real project photos, and reviews. More in what makes a great contractor website.

Should I use a website builder or hire a web design company?

Website builders are fine for a handyman starting out. Once you have trucks on the road, the site is a revenue tool and the cheap version costs more in lost jobs than a professional build. Here is what a small business website really costs.

How many pages should a contractor website have?

Enough to give every service and every town its own page. A five page site cannot rank for 12 services in 15 towns. Start with home, about, contact, one page per core service, and add service area pages as you grow.

What are the most common contractor website design mistakes?

Slow photos, a slider, no phone number above the fold, writing about yourself instead of the customer, and stock images. We covered the rest in common website design mistakes and how design affects the mobile experience.

What sites do contractors use to get work?

Their own website first, then Google Business Profile, then lead platforms like Angi and Thumbtack. Lead platforms sell the same lead to several contractors. Your own site is the only one you own, so it should be the one that does the selling.

Run the tests today

Ten minutes, your phone, your own website. Speed, message, next step, above the fold, trust. Write down which tests failed and fix those before you spend another dollar on ads. A contractor website that passes all five works while you sleep. One that fails is a brochure nobody asked for, and your best customers are calling someone else.