Contractor Websites That Actually Get Calls: What Goes on the Page

I have built dozens of website mockups for contractors and trades businesses, and the ones that get calls all look about the same. Not the same colors or the same layout, but the same decisions. Real photos. The hours and service area where a thumb can find them. Reviews before the pitch. One call button, one booking button. This post goes section by section through what goes on the page and why each piece matters on a phone, because a phone is where almost every contractor lead is standing when they decide who to call.

Everything here comes from doing the work. When a contractor fills out my free mockup form, I build a working version of their site in 48 hours using these rules, and the before and after is usually the whole sales pitch. Here is what is in it.

The Hero: Real Photos, Hours and Service Area in Big Type

The hero is the first screen a visitor sees, and on a phone it is the only screen most of them see before deciding. Two things go in it, and both are the opposite of what most contractor sites do.

First, a real photo of your work or your crew. Never a stock model in a clean polo shirt pointing at a clipboard. Homeowners have seen that photo on a hundred sites and they read it as a company that does not have photos of its own jobs. Your actual truck, your actual crew on an actual roof, a finished kitchen you actually built. The photo should show the thing the headline names. If the headline says roofing, the photo is a roof.

Second, your hours and your service area, in big type, inside the hero. Most sites hide these in a thin bar at the very top or in the footer. A homeowner with a leak wants two answers before anything else: are you open right now and do you come to my town. Put both where they cannot miss them, in the same block as the headline, and you have answered the two questions that decide if they keep reading.

Reviews Directly Under the Hero

The next thing on the page is your real Google reviews, with a link to the listing. Not a testimonials section at the bottom, not a graphic that says five stars with no names. The actual reviews, names and stars, pulled from Google, right under the hero with a link so a skeptical visitor can go check.

The reason is order. On a phone, people scroll about one screen and then decide whether to keep going. If the second screen is proof that other homeowners trusted you and were glad they did, the rest of the page gets read. If the second screen is a paragraph about your values, it does not. Proof before pitch, every time.

One Call Button and One Booking Button

Every contractor site needs exactly two actions: call now, or book a time. Both get a button. Both are reachable with a thumb on a phone, which means at the bottom of the screen or in a bar that stays put while you scroll, not up in a header that disappeared three swipes ago.

The reason there are two and not one is that people are different at different hours. In the afternoon with water on the floor, they want to call. Late at night planning a bathroom remodel, they do not want to talk to anyone, they want to pick a time. If you only have a phone number, the night visitor leaves. If you only have a form, the emergency visitor leaves. Two buttons, and nothing else competing with them.

The call button also has to connect to something that answers. A lot of the contractors I talk to lose the call after the site did its job, because they were on a roof. That is a separate fix, and it is the reason I pair a lot of these sites with an AI receptionist that answers on the first ring and books the job while the owner is working. The site gets the call. Something has to catch it.

Before and After Photos of Real Jobs

If there is one section that sells contracting work, it is this one. A before photo and an after photo of the same job, side by side, with one line about what you did. Nothing on the page says you are good at this as clearly, and it costs nothing but the habit of taking two pictures on every job.

Keep the photos honest. Same angle, same room, no filters, no AI touch ups. Homeowners can tell. A slightly crooked phone photo of a real deck beats a polished render of a deck you did not build, because the first one is believable and the second one is not.

Photo Led Service Blocks, Not Icon Tiles

Most contractor sites list their services as a grid of little icons: a wrench, a house, a lightning bolt. Those tiles read as a template because they are. Replace every icon with a photo of you doing that service. Roof repair gets a photo of a roof repair. Repipe gets a photo of the new copper. The visitor sees the service and the proof you do it in one glance.

Each block gets a plain title, two or three lines about what the service includes, and the same two buttons. No paragraphs of keyword text. Nobody on a phone reads a paragraph about the history of your plumbing company. They look at the photo, they read the title, they decide.

No Drawn Graphics, No Glowing Effects

This rule surprises people, so here is the reason. Illustrated graphics, gradient blobs, glowing buttons and animated backgrounds read as cheap on a contractor site. They are the visual language of software startups and template marketplaces, not of a company that shows up with a truck. Homeowners do not say that out loud, but they feel it, and they leave.

The look that converts is clean and quiet. Real photos, solid colors, plain type that is easy to read, lots of space. The site should feel like a well run business, and a well run business does not glow.

The Technical Rules Nobody Sees

Two details matter more on a phone than anything in the design.

First, every input on your forms should be at least 16px. When the text in a field is smaller than that, iPhones zoom in on tap, the layout jumps, and a good share of people give up halfway through the form. Sixteen pixels stops the zoom. It is one line of code and most template sites get it wrong.

Second, the page should load in under two seconds on a phone. Contractor sites are usually slow for one reason, giant photos that were never resized. Every extra second of loading is a chunk of visitors who leave before the hero appears, and they leave to the next result on Google, which is your competitor. Compress the photos, cut the plugins, and test it on a real phone over cell data, not on your office wifi.

What the Whole Page Looks Like

Put it together and the page reads like this on a phone. A real photo with your hours and service area. Your Google reviews with a link. A call button and a booking button that stay in reach. Before and after photos. Service blocks with real photos. Nothing drawn, nothing glowing. Forms that do not zoom. A page that appears in under two seconds.

That is the whole formula, and the reason it works is that every piece answers a question a homeowner is already asking: are you real, are you open, do you come here, are you good, how do I reach you. The sites that lose calls are not ugly. They are just answering the wrong questions in the wrong order. You can see finished versions on my work page, the contractor page covers how the site fits with ads and the phone, and the website design page explains how I build them.

The fastest way to see the difference on your own business is to let me build it. Fill out the free mockup form and you will have a working version of your site on your phone within 48 hours, built with every rule in this post. No contract, no cost, and if you like it we talk about making it live.