Most service-business websites I'm asked to look at fail at one job: turning a visitor into a phone call or a form. They photograph well in a portfolio and they win compliments at the chamber lunch, but they don't book work. Lead generation website design is a different discipline from making something pretty. It starts from a single question — when a homeowner with a flooded laundry room lands on this page from their phone, what do we want them to do in the next ten seconds, and how do we remove everything in their way? This is the framework I use to build sites for HVAC, plumbing, electrical, roofing, and other trades across Texas, and you can apply most of it to your existing site this week.
Decide what a "lead" actually is before you design anything
For a bookkeeper a lead is a form fill. For a plumber at 9pm, a lead is almost always a phone call. If you design your site around a tidy contact form and bury the number, you've optimized for the wrong action. Before touching layout, sort your services into how people actually reach out:
- Emergency / same-day trades (HVAC no-cool, burst pipe, no power, water damage): the call dominates. Design the page so the phone number is the loudest element above the fold.
- Considered / quoted work (a roof replacement, a kitchen remodel, a landscape design): people compare, so a short form and a way to send photos beats forcing a call.
- Recurring / scheduled (lawn maintenance, pool service, recurring cleaning): a simple "request service" form with an address field does the job.
Almost every trade site needs both a call path and a form path, weighted toward whichever matches the job. Get this wrong and no amount of visual polish recovers it.
The hero: one promise, one number, one button
The top of your homepage and every service page is the most valuable real estate you own. It should answer three things instantly: what you do, where you do it, and how to start. A hero that reads "Licensed HVAC Repair in Round Rock — Same-Day Service" with a tappable phone number and one button does more than a slideshow of stock photos ever will.
Concrete rules I hold to:
- Name the city or service area in the headline. "Austin" or "serving Williamson County" tells both the visitor and Google you're local. Generic "Quality Service You Can Trust" headlines say nothing.
- One primary call to action, repeated. Pick the action that matches the job (call or book) and use it in the header, mid-page, and footer. Two competing buttons of equal weight split attention and reduce both.
- Make the phone number a real
tel:link so a tap on mobile dials. You'd be surprised how many sites still render the number as flat text a thumb can't use. - Put trust signals near the button — license number, "licensed & insured," years in business, a star rating. These belong beside the action, not on a separate About page nobody reads.
Form length: every field is a tax
The single fastest conversion win on most service sites is cutting the contact form down. Long-standing usability research from the Nielsen Norman Group is blunt about it: every extra field adds friction and abandonment, and most fields exist for the business's convenience, not the customer's. For a service request you genuinely need four things:
- Name
- Phone (the field most likely to actually get a job booked)
- What's wrong / what they need
- Address or ZIP (so you can confirm it's in your service area)
Drop the company name field, the "how did you hear about us" dropdown, the fax line. Ask for those on the call. If you offer quoted work like roofing or remodels, add an optional photo upload — a picture of the damaged shingles tells you more than three paragraphs the customer won't write. And put the form where the decision happens: on the service page itself, not one click away.
Click-to-call and the mobile reality
Most of your traffic is on a phone, often outdoors, often in a hurry. That changes everything about the build. A sticky header with a tappable number that follows the visitor down the page is one of the highest-return elements you can add to a trade site. Test it yourself: open your site on your phone, pretend your water heater just failed, and count the taps it takes to reach a human. If the answer is more than one, you're losing calls.
This is also where most "beautiful" sites quietly leak money — they were designed on a desktop and the phone experience was an afterthought. You can see the difference in the kind of service-business sites we build to book jobs: the call path is the spine of the mobile layout, not a courtesy link in the menu.
Speed is a conversion feature, not a vanity metric
Page speed is where good intentions go to die, because the things that make a site look impressive — large hero videos, image carousels, four review widgets, a live chat bubble, three tracking scripts — are exactly what make it slow. Google's own data shows that as mobile load time goes from one second to three, the probability of a bounce rises about 32%, and by five seconds it nearly doubles. Your visitor doesn't bounce because they dislike you; they bounce because the next company's site loaded first.
Google now grades real-world experience through Core Web Vitals, and there are three numbers worth knowing:
- LCP (Largest Contentful Paint) — how fast your main hero content appears. Aim for 2.5 seconds or less. Oversized, uncompressed images are the usual culprit.
- INP (Interaction to Next Paint) — how quickly the page responds when someone taps. This metric replaced First Input Delay in March 2024, and the target is 200ms or less. Heavy chat widgets and review sliders are common offenders.
- CLS (Cumulative Layout Shift) — whether the page jumps around as it loads. Keep it under 0.1 so the button doesn't move right as a thumb comes down on it.
Practical fixes: compress and properly size every image, load below-the-fold content lazily, cut tracking scripts to the ones you actually read, and be ruthless about third-party widgets. One extra review-carousel plugin can cost you more jobs than it earns trust.
Make Google understand you're a local trade
A lead-generating site helps search engines place it correctly. Two pieces do most of the work:
- LocalBusiness schema. schema.org provides trade-specific types —
Plumber,HVACBusiness,Electrician,RoofingContractor,HousePainter,GeneralContractor. Mark up your business with the right subtype plus your address, service area, hours, and rating so Google reads the page the way a person would. - NAP consistency with your Google Business Profile. Your Name, Address, and Phone in the site footer must match your Google Business Profile exactly. That profile is often where a customer first finds you, and the consistency is a trust signal Google checks.
If you serve several towns, build a real page per service area with genuinely local content — not fifty thin copies with the city name swapped. One honest "AC Repair in Pflugerville" page that mentions actual neighborhoods and local specifics outperforms a doorway-page farm that Google will eventually penalize.
If you don't track it, you're guessing
You cannot improve what you can't see, and "the site looks busy" is not data. Since Universal Analytics shut down in July 2023, tracking lives in GA4, which is event-based — a phone call only counts as a conversion if you set it up as one. Minimum viable tracking for a trade site:
- Call tracking with dynamic number insertion (DNI) so you know which calls came from the site versus your Business Profile versus a yard sign. Mark calls as a key event in GA4.
- Form submissions tracked as conversions, ideally with the service page they came from.
- A simple monthly read: calls + forms divided by visitors. That conversion rate, watched over time, tells you whether a change helped. A site that books jobs is one you can actually measure.
How to evaluate a web designer through this lens
If you're hiring someone, the portfolio is the least useful thing to look at — anyone can make a screenshot look good. Ask instead: How will calls and forms be tracked? Where does the phone number live on mobile? What's the target LCP and INP, and how will you hit it? How many form fields? What schema type will my pages use? A designer who answers those fluently is building for leads. A designer who only talks about color palettes and animations is building for the portfolio. That distinction is the whole difference between a site that looks pretty and one that books jobs, and it's the standard we hold ourselves to across every trade and service industry we build for.
You don't have to rebuild everything at once. Start with the three changes that move the needle fastest — shorten the form, add a sticky click-to-call header, and compress your images — then measure for a month. If you want a fuller picture of how conversion-first sites come together, browse how Turnkey Web approaches lead-generating design and apply what fits your shop.
Frequently asked questions
Should my service business prioritize phone calls or contact forms?
For emergency and same-day trades, prioritize the call with a tappable number in a sticky mobile header. For quoted work like roofing or remodels, a short form with optional photo upload works better. Most sites should offer both, weighted toward whichever matches the job.
How many fields should my contact form have?
Four or fewer for most service requests: name, phone, what they need, and address or ZIP. Each extra field measurably lowers completion, so collect anything else on the call.
What page speed should I aim for?
Target the Core Web Vitals 'good' thresholds: LCP at 2.5 seconds or less, INP at 200ms or less, and CLS under 0.1. The biggest wins are compressing images and removing unnecessary third-party widgets and chat tools.
Do I really need schema markup and a Google Business Profile?
Yes. The correct LocalBusiness subtype helps Google understand your trade and service area, and a Google Business Profile with NAP details matching your site footer is often where customers find you first. The two reinforce each other.
How do I know if my website is actually generating leads?
Set up GA4 with call tracking via dynamic number insertion and form-submission tracking, both marked as key events. Watch your monthly conversion rate — calls plus forms divided by visitors — over time. Without call tracking you're likely undercounting results.