Contractor Website Design: What Actually Gets You Calls (And What Doesn't)
A guide to building a website that works as hard as you do — from someone who's seen hundreds of contractor sites and knows why most of them fail.
The $5,000 Mistake I See Every Week
A contractor calls me. He's frustrated. He paid some agency $5,000 for a website two years ago. It looks "professional." Nice colors. Smooth animations. Stock photo of a handshake on the homepage.
And it generates exactly zero leads.
"I don't get it," he says. "The site looks great."
That's the problem. It looks great. But it doesn't work.
There's a difference between a website that impresses other web designers and a website that makes your phone ring. Most contractors have the first kind. They paid good money for something pretty that sits there doing nothing.
This article is about building the second kind.
What Contractor Websites Actually Need to Do
Let's get clear on the job.
Your website has one purpose: turn strangers into phone calls.
That's it. Not "build your brand." Not "establish your online presence." Not "look professional." Those are side effects. The job is phone calls.
A stranger searches "plumber near me." They find your site. They have a problem — a leaking pipe, a broken water heater, a clogged drain. They need someone to fix it. Today if possible.
Your website has about 7 seconds to convince them you're the one.
Seven seconds. That's how long the average visitor spends before deciding to stay or bounce. If they can't figure out what you do, where you do it, and how to contact you in seven seconds, they're gone.
This changes everything about how you should think about design.
The Above-the-Fold Rule
"Above the fold" is the part of your website people see without scrolling. On a phone, that's basically the top 500 pixels. On a desktop, maybe 700.
This is your seven-second window. Everything that matters needs to be here.
What needs to be above the fold:
What you do — "Plumbing Services" or "Roof Repair" — not your business name in giant letters. People don't care about your name yet. They care about whether you can solve their problem.
Where you do it — "Serving Huntsville, Madison & Decatur" — immediately visible. If they're not sure you serve their area, they'll bounce.
How to contact you — Phone number. Big. Clickable on mobile. Not buried in a hamburger menu.
One clear action — "Call Now" or "Get Free Estimate." One button. Not five options.
That's it. Everything else can go below.
Most contractor websites fail this test. They have a giant logo, a stock photo, and a vague tagline like "Quality Work, Fair Prices." The phone number is in the footer. The service area isn't mentioned until page three.
Seven seconds. Gone.
The Phone Number Problem
This one drives me crazy.
I pulled up 20 contractor websites last week. Random sample. Plumbers, roofers, electricians. Here's what I found:
- 6 had no visible phone number on the homepage
- 8 had the phone number only in the footer (you have to scroll)
- 4 had the phone number in a "Contact" page you had to click to find
- 2 had the phone number in the header, big and clickable
Guess which 2 are getting more calls?
Here's the rule: Your phone number should be visible on every page, without scrolling, in the top right corner.
On mobile, it should be a tap-to-call button. Not a number they have to memorize and dial. One tap. Phone rings.
If someone has to hunt for your phone number, some percentage of them won't. And you'll never know you lost them.
Why Stock Photos Are Killing Your Conversions
Every contractor website has the same stock photos. Guy in a hard hat shaking hands with a homeowner. Pristine white bathroom that looks like it's from a hotel. Generic tool belt.
You know what customers see when they see stock photos? Fake.
They've seen the same handshake guy on four other websites. They know it's not you. And if you're faking your photos, what else are you faking?
Real photos convert better. Period.
Photos that work:
- Your actual truck with your logo on it
- Your actual crew on an actual job site
- Before and after shots of real projects
- You standing in front of a completed job
- Your shop, your office, your tools
Photos that don't work:
- Stock photos of any kind
- Photos from the manufacturer's website
- Photos you found on Google Images
- Blurry phone photos taken in bad lighting
- Photos from 2015 that show a truck you don't own anymore
I know. Your photos aren't "professional." They were taken on an iPhone. The lighting isn't perfect. You look sweaty.
Good. That's real. Real beats professional every time.
Hire a photographer for a half day if you want. $300-500 will get you a library of real images that actually look good. But honestly? Decent phone photos of real work beat professional photos of fake work.
The Service Page Mistake
Most contractor websites have a "Services" page that lists everything they do in one place:
- Water heater repair
- Drain cleaning
- Pipe repair
- Bathroom remodeling
- Emergency plumbing
Bullet points. Maybe a sentence or two. All on one page.
This is wrong.
Each service should be its own page. Water heater repair gets a dedicated page. Drain cleaning gets a dedicated page. Bathroom remodeling gets a dedicated page.
Why? Two reasons.
Reason 1: Google. Google indexes pages, not bullet points. When someone searches "water heater repair Huntsville," Google looks for pages about water heater repair. A bullet point on your services page doesn't count. A dedicated page does.
Reason 2: Customers. Someone with a clogged drain doesn't care about your bathroom remodeling services. They want to land on a page that says "Drain Cleaning" and talks specifically about their problem. It builds confidence. This contractor knows drains. They specialize in it.
Here's what each service page needs:
- Headline with the service and location ("Water Heater Repair in Huntsville, AL")
- What's included — what does this service actually involve?
- Common problems you solve — signs your water heater is failing, what causes these issues
- Your process — what happens when they call?
- Pricing guidance — you don't have to give exact numbers, but "starting at $X" or "typically $X-$Y" helps
- Call to action — phone number, contact form, next step
- Photos — real photos of you doing this specific work
One page per service. It's more work upfront. It pays off forever.
Mobile First (This Isn't Optional)
70% of local service searches happen on phones.
Say that again. 70%.
If your website looks bad on mobile — if you have to pinch and zoom, if buttons are too small to tap, if text runs off the screen — you're losing 70% of your potential customers.
Check your website on your phone right now. Not on WiFi. On cell data. In your truck. That's how customers are seeing it.
Here's what mobile needs:
- Phone number as a tap-to-call button — not text, a button
- Text large enough to read without zooming — 16px minimum
- Buttons large enough to tap — 44x44 pixels minimum (that's Apple's guideline)
- Fast load time — under 3 seconds on cell data
- No horizontal scrolling — ever
- Simple navigation — hamburger menu is fine, but key info shouldn't be buried in it
Most website templates are "responsive" — they adjust to screen size. But responsive doesn't mean good. A lot of responsive sites are technically functional on mobile but annoying to use.
Test it. Have your wife test it. Have your kids test it. If anyone has to work to figure out how to contact you, fix it.
The Trust Signal Stack
Customers are scared. They've heard the horror stories. Contractors who take the deposit and disappear. Contractors who do shoddy work. Contractors who show up whenever they feel like it.
Your website needs to overcome this fear. That means trust signals.
The trust stack:
- License number — displayed prominently, linked to state verification if possible
- Insurance — "Fully insured" isn't enough. "Licensed & insured — $1M liability coverage" is better.
- Reviews — Google reviews embedded on your site, or at least a link to your Google profile
- Years in business — "Serving North Alabama since 2008" — longevity = stability
- Photos of you — real human faces build trust faster than anything
- BBB rating — if you have an A rating, show it
- Guarantees — satisfaction guarantee, warranty information, "we show up when we say we will"
You don't need all of these. But you need some. And they need to be visible — not buried on an "About Us" page nobody reads.
Forms vs. Phone Calls
Some contractors swear by contact forms. "I want them to fill out a form so I can call them back when I'm ready."
Some contractors hate forms. "Just call me. I want to talk to them right away."
Here's the truth: phone calls close better, but forms capture more leads.
Someone who calls you is ready to buy. They have a problem, they want it fixed, they're making a decision now. These leads close at 60-70%.
Someone who fills out a form is interested but not urgent. They're exploring options. They might be filling out forms on three different sites. These leads close at 20-40%.
But here's the thing — not everyone wants to call. Younger homeowners especially. They'd rather fill out a form and get a text back than make a phone call.
So have both.
Primary CTA: Phone number. Big, bold, tap-to-call. This is for urgent leads who want to talk now.
Secondary CTA: Contact form. Simple. Name, phone, email, brief description of the problem. This is for less urgent leads who don't want to call.
The form should be short. Every field you add reduces completion rates. You don't need their address. You don't need their preferred appointment time. You need enough to call them back. That's it.
What Your Homepage Actually Needs
Let me make this concrete. Here's the anatomy of a homepage that converts:
Header (always visible):
- Logo (left side, not huge)
- Phone number (right side, big, tap-to-call on mobile)
- Simple navigation (Services, About, Contact — that's it)
Hero section (above the fold):
- Clear headline: what you do + where ("Plumbing Services in Huntsville, Madison & Athens")
- Sub-headline: your value prop ("Fast response. Fair prices. Licensed & insured.")
- Primary CTA button: "Call Now: (256) 555-1234"
- Background: real photo of your work, your truck, or your team
Trust bar:
- License info, years in business, review rating, BBB badge — in a row
Services section:
- Your 4-6 main services, each with an icon, short description, and link to dedicated page
Why choose us:
- 3-4 reasons you're different, with real specifics (not "quality work" — everyone says that)
Reviews section:
- 3-5 actual reviews from Google, with names and photos if possible
About section:
- Photo of you/your team, brief story, credentials
Footer:
- Phone number again, email, address, service areas, license number, social links
That's it. One page. Scrollable. Every section earns its place by driving toward the goal: make the phone ring.
The "About Us" Nobody Reads (And How to Fix It)
Most About Us pages are terrible.
"ABC Plumbing was founded in 2010 with a commitment to quality and customer service. We are a family-owned business that takes pride in our work. Our team of experienced professionals is dedicated to exceeding your expectations."
Blah. Blah. Blah. Nobody believes this. Nobody reads past the first sentence.
Here's how to write an About page that actually connects:
Start with a real story. "I started doing plumbing work when I was 16, helping my uncle on weekends. By 22, I had my journeyman's license. By 28, I'd seen enough bad contractors that I decided to start my own company. That was 14 years ago."
Get specific. "We've replaced over 2,000 water heaters in North Alabama. We've unclogged drains in houses built in 1920 and new construction in 2024. We've seen it all."
Include a real photo. You, your family if you're family-owned, your team. Not a stock photo. Not a logo. A face.
Mention your credentials. License number. Insurance coverage. Training certifications. OSHA. Whatever you have. Be specific.
End with personality. "When I'm not fixing pipes, I'm coaching my daughter's softball team and fishing on Wheeler Lake."
This sounds scary to some contractors. Too personal. Too vulnerable.
That's exactly why it works. Everyone else sounds like a robot. You sound like a human.
Speed Matters More Than You Think
Every second your website takes to load, you lose 7% of visitors.
If your site takes 5 seconds to load, you've lost 35% of people before they see anything.
Most contractor websites are slow because:
- Huge images — that 4MB photo of your truck is killing you
- Too many plugins — especially on WordPress sites
- Cheap hosting — you're sharing a server with 10,000 other sites
- Unnecessary animations — that sliding banner isn't impressing anyone
How to check: Go to Google PageSpeed Insights (pagespeed.web.dev). Enter your URL. Look at the mobile score. Anything under 50 is bad. 70+ is good. 90+ is great.
Common fixes:
- Compress images (TinyPNG.com, free)
- Remove plugins you don't need
- Upgrade to better hosting ($20-50/month can make a huge difference)
- Get rid of sliders and autoplay videos
Speed isn't sexy. You can't show it off. But it's one of the biggest factors in whether people stay or bounce.
What to Avoid (The Contractor Website Hall of Shame)
I've audited hundreds of contractor websites. Here's the stuff that makes me cringe:
Auto-playing music or video. Nothing says "built in 2007" like music that starts when the page loads. Stop.
Sliders/carousels. Those rotating banners at the top? Studies show almost nobody clicks them. They're just slow-loading distractions.
"Welcome to our website!" That's not a headline. Nobody cares that you're welcoming them. Tell them what you do.
Flash animations. I still see these occasionally. They don't work on mobile. They haven't worked on mobile for a decade.
Black backgrounds with light text. Hard to read. Makes people leave.
Walls of text. Nobody reads your 2,000-word homepage essay. Break it up. Use headers. Use bullet points. Write for scanners.
Comic Sans or Papyrus fonts. Just... no.
"Click here to enter." This isn't 1998. People know how to navigate a website.
No clear contact info. If I have to click more than once to find your phone number, you've failed.
PDFs instead of web pages. Don't make people download your services list. Put it on the website.
The Template Trap
Here's the thing about website templates (Wix, Squarespace, GoDaddy, etc.):
They're fine for getting something up fast.
They're terrible for standing out.
The problem is everyone's using them. When you pick a "Contractor" template from Wix, 10,000 other contractors picked the same one. You look exactly like them. Your "unique" website is recognizably generic.
Templates also tend to be:
- Slow (bloated code)
- Limited (can't customize what you need)
- Difficult for SEO (restricted access to technical settings)
If you're just starting out and have zero budget, a template is better than nothing. But know what you're getting. And plan to upgrade when you can afford to.
A custom site from a good developer costs $2,000-5,000. That's a real investment. But it's a real asset. Five years from now, it's still working for you. Five years from now, that Wix template still looks like everyone else's Wix template.
The Bottom Line
Your website isn't a brochure. It's a machine.
The job of that machine is to take strangers who find you on Google and turn them into phone calls.
Everything on your site should serve that job. If it doesn't help someone decide to call you, it doesn't belong.
Phone number visible without scrolling. Real photos. Clear service pages. Trust signals. Fast loading. Mobile-friendly. Simple.
That's contractor website design. Not pretty. Not clever. Effective.
Build the machine. Let it work.
Sites On Call builds contractor websites — for free. No upfront cost. We handle the design so you can focus on the work. If you want us to keep adding content after launch, that's where we charge. Plans start at $49/month. If you want to see what your website could look like, reach out. No pressure.