Most advice on how to design a website for a small business starts with the look: pick a template, choose brand colors, find a hero photo, write an About Us page. For a plumber, roofer, electrician, or HVAC contractor, that order is backwards. After years of building trade sites in Texas, my view is that visual design should be the last decision you make, not the first. You design a service business website backward from one moment: a stranger holding a phone, deciding within a few seconds whether to call you. Structure, words, photos, buttons, and finally colors all exist to serve that moment.
That sounds like a slogan, so the rest of this piece covers what it changes in practice, step by step, and why the template-first approach keeps producing sites that look finished but don't bring in calls.
Why does the usual advice on how to design a website start with the look?
The look is the easiest part to see and the easiest part to sell. Template marketplaces are sorted by appearance. Website builders open with a theme gallery. Owners review mockups on a desktop monitor in an office, which is about the opposite of how their customers first see the site.
The usual result is a homepage with a full-width drone shot of a truck, a slogan like "Quality You Can Trust," three icons labeled Residential, Commercial, and Industrial, and a phone number in small type tucked into the top-right corner.
That page passes a design review. It fails at 7:40 p.m., when a homeowner in Pflugerville has water spreading under the kitchen sink. She searched on her phone, tapped your listing, and gave the page a few seconds. She needed three answers: do you fix this, do you come to my area, and can I reach a person right now? The drone shot answered none of them.
The template-first approach also costs you on speed. According to Google's research on mobile site speed, 53% of mobile visits are likely to be abandoned if pages take longer than 3 seconds to load. Template-first sites tend to be the heavy ones: background video, image sliders, several font families, and full-size photos straight off a camera, all chosen because they looked good in the preview.
Curious what a site like this costs you in missed leads? See real builds for businesses like yours.
What should a small business website be designed around instead?
A service business website should be designed around the moment a visitor decides to contact you. For a trades company, the site's job is to produce a phone call, a text, or a quote request from someone in your service area who needs work you do. Every element on the page either moves that person toward contacting you or it doesn't.
That gives you a test for every design decision: does this help a stranger on a phone decide to call? A license number helps. A clear list of the cities you serve helps. A photo of your actual technician in a company shirt helps. A parallax scrolling effect doesn't. A mission statement doesn't.
It also gives you an order of operations. The five steps below go in sequence, and the sequence is deliberate.
How should you structure a small business website before anyone touches the design?
Start with a list of jobs, not a list of pages. Write down every job you want more of, in the words customers use when they call. An HVAC company's list might read: AC not cooling, AC repair, new AC system, furnace repair, heat pump install, duct replacement, maintenance plan. A roofer's might read: roof leak repair, hail damage, full replacement, insurance claim help, metal roofing.
Then group the list. Any group that a customer searches for separately gets its own page. "AC repair" and "AC replacement" sound close, but the people searching them are in different situations. The repair customer is urgent, hot, and wants someone today. The replacement customer is planning and comparing three bids. Those two people need different pages with different first screens. "Residential versus commercial," on the other hand, is usually a split that matters to you, not to the person searching.
A typical trades structure falls out of this naturally:
- Home: what you do, where you do it, and how to reach you, all on the first screen of a phone.
- One page per core service: usually four to eight for a single-trade company.
- Service area: the cities and neighborhoods your trucks actually drive to.
- Reviews and project proof: real names, real neighborhoods, real before-and-afters.
- About: the owner, the license, how long you've done this, who shows up at the door.
- Contact: phone, text, a short form, and your hours.
For a closer look at what each of those pages has to do, see the nine pages every contractor site needs to win local jobs.
Owners regularly get two structural rules wrong:
- Don't make a page for every suburb by swapping town names into identical text. Google's spam policies list doorway abuse by name, and near-duplicate city pages are the textbook example. A service-area page earns its place when it has something only that area has: jobs you've done there, the age of the housing stock, a permitting quirk in that city, the neighborhoods where you've replaced a lot of cast-iron drain line.
- Keep the main menu short enough to scan with a thumb. Five or six items. Put the full service list inside a Services page, not across the whole navigation bar.
Which words go on a small business website first?
Write the copy before anyone opens a design tool. The layout should be built to hold your words, not the other way around. When design comes first, the words get squeezed into whatever boxes the template has: a four-word headline, three short blurbs under icons, and placeholder text that ends up as vague filler because nothing specific fits.
Every service page's headline should state the service, the place, and the thing the customer cares about most. "AC Repair in Round Rock, Usually Same Day" beats "Comfort Solutions You Can Count On." The next sentence should answer the visitor's next question: what happens when I call?
These pieces of copy earn calls in the trades, and they rarely show up in a template's sample text:
- The license number. Texas HVAC contractors are licensed by TDLR, and under 16 Tex. Admin. Code ยง 75.71, advertising by air conditioning and refrigeration contracting companies must include the licensee's number. Your website is advertising. Put the number in the footer of every page, not only on the About page. Electricians and plumbers hold state licenses too, and they should show them the same way. Roofing works differently: Texas has no state roofing license, so after a hailstorm a homeowner looks for other proof. That means manufacturer certifications, proof of insurance, a local address, and years in business, stated plainly near the top of the page.
- Hours, and what "emergency" actually means. If you take after-hours calls, say which hours, whether a person or an answering service picks up, and how quickly someone typically calls back. "24/7" with no detail makes people suspicious.
- What the first visit looks like. Diagnosis, a written estimate before any work starts, shoe covers, cleanup. A specific process beats any number of adjectives.
- The objections you hear on every call. Do you work on my brand of equipment? Do you pull permits? Do you deal with my insurance adjuster? Answer each in a sentence on the page it belongs to.
If you're unsure who should produce this material, who writes the content for my website covers the options. Even if someone else polishes the writing, the owner has to supply the raw material: the job list, the process, and the stories only your crew knows.
Why do real job photos matter more than design on a small business website?
Stock photography is the quickest way to look like a lead-reselling directory instead of a real company. Homeowners have seen the smiling technician with perfect teeth holding a clipboard next to a spotless condenser. Their reaction is "that's not them," and they're right.
Your own photos, even ones taken on a phone, prove things stock can't: you exist, you're local, and you leave a job clean. Trucks with the wrap visible. Techs in uniform. The before-and-after on a hail-damaged roof. A finished panel upgrade with every breaker labeled. A clean attic after a duct replacement.
Here's a shot list you can start this week:
- The owner, facing the camera, outdoors in daylight.
- Each technician in uniform, standing beside a truck.
- Every truck, with the wrap and phone number readable.
- Three to five before-and-after pairs for each core service.
- One full-crew photo.
- The shop, yard, or warehouse, if you have one.
A few practical notes. Shoot some horizontal and some vertical, because phone layouts crop differently from desktop ones. Get the homeowner's permission before showing their house, and crop out the house number. Resize photos to around 2,000 pixels wide and compress them before uploading. Give the files names that describe the job, like hail-damage-roof-repair-cedar-park.jpg, instead of IMG_4471. That keeps pages fast and gives search engines one more clue about what the page covers.
Where should the calls to action go on a small business website?
Put a call to action wherever a visitor is likely to make a decision, and offer it in the form that visitor prefers:
- A tap-to-call phone number in the header, visible without scrolling on a phone, and a sticky call bar along the bottom of mobile screens.
- A short form: name, phone, ZIP code, and what's going on. Every extra field is one more reason for someone standing in a flooded laundry room to give up.
- A text option, if someone on your team actually answers texts.
- A call to action after each major section, worded as the next step. "Call for AC repair in Round Rock" does more than "Submit."
Match the call to action to the urgency of the page. Emergency repair pages should lead with the phone number. Replacement and install pages can lead with a written-estimate form, because those buyers are collecting bids and often prefer not to talk yet. Once you've placed the calls to action, test them yourself. A form that sends to an inbox nobody checks is a design flaw, even if nobody can see it. How to turn website visitors into booked jobs covers what happens after the tap.
When does visual design actually matter for a small business website?
Visual design matters now, at the end, once it has something real to work with. For a trades company, branding does one practical job: recognition. Say a homeowner saw your truck in a neighbor's driveway, typed your name into Google, and landed on your site. They should know within a second that it's the same company. That means the same logo, the same colors, and the same spelling of the business name as the truck, the yard signs, and the shirts. It's consistency, not artistry.
A few rules hold up across trades sites:
- Take your colors from the truck wrap and logo, and save one accent color for buttons only, so calls to action stand out on every page.
- Make it easy to read. Body text around 16 pixels or larger, with strong contrast between text and background. The person approving a roof replacement often doesn't have twenty-five-year-old eyes.
- Design for the phone first, then check the desktop view. Your customers mostly see it the other way around from how you'll review it.
- Pick consistency over effects. Plain, well-spaced sections look more established than animations.
I'm not arguing that design doesn't matter. Design applied to a finished structure, finished copy, and real photos goes quickly and turns out well. Design applied to an empty template produces a nice-looking box that the real content never quite fits. At Turnkey Web, we build trade sites in exactly this order (jobs, words, photos, calls, then look) because that order still holds up once real customers start using the site. The platform question comes last too. One HVAC shop's platform scorecard shows how to make that choice once you know what the site has to hold.
How do you test a small business website design before it goes live?
Run this check on your current site or on any mockup a designer shows you. It takes ten minutes:
- Turn off Wi-Fi so the page loads over cellular, the way your customers load it.
- Open a service page, not the homepage, since that's where many searchers land.
- Hand the phone to someone who has never seen the site. After five seconds, take it back and ask: what does this company do, where, and how would you contact them?
- Hand it back and time how long it takes them to actually start a call.
- Check that the license number is on the page, at least one real photo appears without scrolling, and the phone number is a tappable link.
If a mockup fails this test, polish won't save it. Send it back and fix the structure, the words, or the call to action first. For a site that's already live, the afternoon website audit checklist goes through the rest of the leaks to look for.
Frequently asked questions
Can I design my own small business website with a builder like Wix or Squarespace?
Yes. The builder is rarely what holds a trades site back. The order you work in is. If you start with your job list, write the copy, and shoot your own photos before choosing a theme, a builder site can work well. Where owners get into trouble is starting in the theme gallery.
How many pages does a small service business website need at launch?
Most single-trade companies launch with somewhere between eight and fifteen pages: home, one page per core service, a service-area page, reviews, about, and contact. Add pages when there's a real job or area to describe, not to reach a page count.
Do I need a new logo before I build my website?
Usually not. You need a clean, high-resolution file of the logo that's already on your trucks and signs, so the site matches what customers have seen around town. A rebrand is a separate project, and doing it during a website build slows both down.
Is it okay to use stock photos until I have my own?
Stock photos are fine for a neutral background or two. Never use them to show people presented as your team or jobs presented as your work. Plan to replace them with your own photos within the first few weeks. Phone photos of real jobs do better than polished stock.
Should I make a separate page for every city I serve?
Only for cities where you have something specific to say, such as jobs completed there, local housing conditions, or permitting details. Pages that only swap in the town name fall under what Google treats as doorway pages and can hurt the whole site.