What a website is actually for
A small business website has one core job: turn the right visitors into calls, bookings, quote requests or sales. Everything else, the look, the animations, the clever lines, either serves that job or it’s decoration. A beautiful site that nobody contacts is an expensive brochure.
Before thinking about colors or layouts, get clear on the outcome. Do you want phone calls, form fills, bookings or purchases? Design the whole site backward from that action, and judge every decision by whether it makes that action more likely.
If you can’t say what a visitor should do next on a page, neither can they.
Strategy before design
The most expensive website mistakes happen before anyone opens a design tool.
Know your customer and their decision
Write down what a visitor is trying to figure out and what would make them choose you. The questions are usually the same ones people ask on the phone: what exactly do you do, do you work in my area, how much, how soon, have you done this before, can I trust you. The site should answer them in the order people ask.
Pick one primary action
Every page needs one main action. Asking visitors to call, email, chat, follow you on social, download a guide and sign up for a newsletter means they do none of it. Pick the action that makes you money and make it obvious. Secondary options can exist, but quieter.
Plan the structure
Map the pages and how they connect before designing anything. For most local service businesses that means a homepage, a page for each core service, a page for each city you really serve, a page of proof (projects, reviews, results), an about page with real people and a contact page. A logical structure helps visitors find things and helps search engines understand what each page is about.
The anatomy of a page that converts
High-converting pages share a predictable structure:
- A clear headline that states what you do and who you help.
- A supporting line with the key benefit or what makes you different.
- An immediate call to action, visible without scrolling.
- Proof: reviews, results, photos of real work, credentials.
- Sections that answer objections and explain the offer, price and process.
- The call to action repeated down the page, so the next step is always one tap away.
Run the five-second test on your own homepage: show it to someone who doesn’t know your business for five seconds, then ask what you do, who it’s for and what they’d do next. If they can’t answer, redesign the top of the page first.
User experience and navigation
Good user experience is mostly invisible. Visitors find what they need without thinking about it.
Simple navigation
Keep the menu short and labeled in plain language, the way customers talk: “Roof repair,” not “Solutions.” Put the phone number or main action in the header. Every extra click or moment of confusion loses someone.
Visual hierarchy
Size, contrast and spacing guide the eye to what matters: the headline, the proof, the button. When everything on a page is bold, big and colorful, nothing stands out. Give the important things room.
Accessibility
Readable contrast, real text instead of text baked into images, form fields with labels, alt text on images and a site that works with a keyboard. Accessible sites serve more people, they’re usually better built overall, and search engines and AI tools read them more reliably.
Mobile-first design
Most local visitors arrive on a phone, and Google indexes the mobile version of your site first. Mobile isn’t a shrunken version of the desktop site. For most small businesses it’s the main experience.
Designing for the phone first means:
- Tap targets big enough to hit with a thumb, with space between them
- Click to call on every page
- Text you can read without zooming, at least 16 pixels for body copy
- Layouts that stack cleanly instead of squeezing columns side by side
- Images sized for phones, so they load quickly on cellular
- No pop-ups that are hard to close with a finger
Test every important page on an actual phone before launch, over cellular. If booking or calling is awkward on a phone, you’re losing most of your potential customers at the last step.
Speed and performance
Speed is part of design. A slow page loses people before they read a word and hurts rankings. A plain site that loads instantly usually outperforms a gorgeous one that doesn’t.
- Compress images and size them for how they’re displayed
- Load images below the first screen only when they’re needed
- Avoid bloated page builders, heavy themes and stacks of plugins
- Limit third-party scripts: every chat widget, tracker and embed adds weight
- Use good hosting with caching
- Load fonts efficiently, and use fewer of them
Measure with Google’s free PageSpeed Insights, and pay the most attention to the mobile results, because that’s where speed problems hurt most.
Trust and credibility
Visitors decide whether to trust you in seconds, and design either signals credibility or undermines it.
Signals that build trust
- Real photos of your work, your team and your place
- Genuine reviews with names, ideally linked to your Google profile
- Licenses, insurance, certifications and memberships you actually hold
- A real address and phone number that match your listings
- A current, consistent design, because a dated site suggests a dated business
Reduce the risk of reaching out
Guarantees you really offer, clear pricing or an honest explanation of how you price, a plain description of the process and a promise about when you’ll respond all lower the perceived risk of contacting you. Stock-photo-heavy sites with vague claims quietly signal the opposite.
Photos and video
Real images do more for a small business site than almost any design choice. People want to see the actual work, the actual people and the actual place before they call.
What to shoot
- Finished work, from angles that show quality and detail
- Before and after pairs, taken from the same spot in the same light
- The owner and team at work, not only posed group shots
- Your shop, office, trucks or studio, so people recognize you
- A short video walking through a finished project or explaining your process
Getting good results without a big budget
A recent phone camera is enough for most of it. Shoot in daylight, keep the lens clean, hold the phone steady and take more than you need. For the homepage and your main service pages, a half day with a professional photographer is often one of the best investments in the whole project.
Keep file sizes in check. Resize photos to the size they’re shown, compress them and use modern formats, so real images don’t slow the site down.
Color, typography and brand identity
Visual identity is what makes a site feel established and specific to you rather than generic. It isn’t decoration. It’s how visitors sense, before reading, whether you’re credible.
Color with purpose
Choose a small, consistent palette: a main brand color, neutral tones for text and backgrounds, and one strong accent reserved for buttons and links. When the action color is used for nothing else, people learn instantly what’s clickable. Too many colors look amateur. Restraint looks confident.
Typography that’s readable first
One or two fonts is plenty: something with character for headings and something highly legible for body text. Keep body text large enough to read comfortably on a phone, with generous line spacing and lines that aren’t too long. Beautiful type nobody can read is a failure.
Consistency builds trust
Use the same colors, fonts, spacing and button styles on every page. That consistency is what makes a brand feel real. Defining them once, as a small set of design rules, keeps the site coherent as it grows.
Website copy that converts
Design gets attention. Words win the customer.
Lead with the customer
Visitors care about their problem, not your company history. Open with what you do for them and the result they get. “We help Metro Detroit homeowners get a roof that lasts” beats “A full-service roofing contractor, established in…”
Clear beats clever
Say exactly what you offer, who it’s for, what it costs or how to find out, and what to do next. Jargon and vague slogans make visitors work, and they won’t.
Every section earns the next scroll
Each section should answer the next question a visitor has and move them toward the call to action. Back claims with proof, like real numbers, reviews and guarantees, so the words are believable.
Calls to action and forms
Make the action obvious and specific
Use a contrasting button color and a label that says what happens: “Get my free estimate,” “Book a consultation.” Visitors should never wonder what to do next or what will happen when they click.
Ask for less
Every form field lowers completions. For most service businesses, a name, a phone or email and a one-line description of the job is enough to start. Collect the details on the call.
Reassure and confirm
Add a line near the button like “No obligation, we reply within one business day,” and show a clear confirmation after submitting, so people know it worked.
Make sure leads actually arrive
Submit every form yourself and confirm it lands in an inbox someone checks, ideally with a notification and a copy in your CRM. Track form completions as conversions. A lead in a spam folder is a sale lost, and a broken form fails silently.
Designing for SEO
Design and SEO aren’t separate projects. A well-built site is easier to rank. Clean structure, one topic per page, a clear main heading, descriptive titles, fast loading, a good phone experience, internal links and structured data all come from good design decisions. Build them in from the start and you avoid expensive fixes later.
If you’re replacing an existing site, protect what it has already earned. Keep the pages that rank, carry over their content and redirect every old URL to its new home. When Fine Strokes, our own studio, relaunched, 110 old URLs were redirected rather than left to break. See the SEO guide for the rest.
Platforms and ownership
WordPress, hosted builders and custom static sites can all work well. The platform matters less than two things: whether the site is lean, and whether you own it.
Own your site
You should own the domain, the hosting account, the website files and content, and the analytics. If a designer or agency holds the keys, you don’t really own your website, and leaving them can mean starting over. Our who owns my website page walks through how to check each account.
Avoid bloat
Heavy themes and piles of plugins slow sites down and create maintenance headaches. A lean site built for what your business actually needs outperforms a feature-stuffed one, and it’s easier to keep secure.
Security, hosting and maintenance
A website isn’t something you launch and forget. Neglected sites get slow, break or get hacked, and a compromised site can hurt rankings and reputation overnight.
- Quality hosting, because speed and uptime matter for both customers and search
- HTTPS everywhere
- Regular updates to the platform, theme and plugins
- Automatic backups, tested, so a problem is a quick restore
- Uptime and form monitoring, so you hear about problems before customers do
- Small content updates as services, prices and photos change
Whether you handle it or a partner does, an actively maintained site stays fast, secure and effective.
Testing before you launch
Most launch problems are found by customers first. A short test pass finds them before that:
- Every form, submitted. Confirm each one arrives where it should, with the right details.
- Every phone number, tapped on a real phone, including the ones in the header and footer.
- Every page on a phone, over cellular, checking layout, text size and buttons.
- Every link and button, so nothing leads to a missing page.
- Old URLs, checked one by one to confirm they redirect to the right new page.
- Titles and descriptions on every page, and one main heading each.
- Tracking, confirmed by firing a test conversion.
- Search visibility, making sure the site isn’t still set to hide from search engines, a common leftover from development.
- Logins and ownership, confirming the accounts are in your name.
Then look again a week after launch, in Search Console and in your inbox. Most issues that slip through show up in that first week. Our pre-launch checklist covers the full list we run.
Choosing a website design partner
What professional website design costs
Prices range enormously. A template can cost almost nothing in dollars and a lot in time and lost leads. Freelancers range widely. Professional, conversion-built sites for small businesses usually run several thousand dollars and up, depending on scope. Our own builds run $2,500 to $8,000 and up, one time. The better question isn’t what’s cheapest. It’s what the site will earn or lose you.
Questions to ask
- How will the site turn visitors into calls, not just look good?
- Is it built for phones first, and how fast will it load?
- Will it be ready for search at launch: structure, structured data, clean code?
- What happens to my current rankings and old URLs?
- Will I own the domain, hosting and content, and can I edit it myself?
- What happens after launch: support, updates and measurement?
Red flags
Walk away from anyone who can’t explain how the site will bring in leads, locks you into a platform you can’t leave, keeps the accounts in their name or treats the site as decoration.
How a good build runs
Strategy and goals, structure, design, content, build, SEO setup, testing on real phones, launch with redirects, then measurement and adjustments. Skipping the strategy at the start or the measurement at the end is why so many redesigns don’t move anything.
Common website design mistakes
- Designing for looks instead of calls and bookings
- No clear primary action on the page
- Slow pages and oversized images
- A clumsy phone experience
- Contact details that are hard to find
- Stock photos where real work should be
- Forms that ask for too much, or never arrive
- Relaunching without redirecting old URLs
- Not owning the site or being unable to edit it
The website design checklist
- Decide the one primary action for each page
- Write a headline that says what you do and where
- Build a page for each core service and each city you serve
- Put real photos and named reviews near the ask
- Design for phones first and test on cellular
- Put click to call on every page
- Keep forms short, and test that every one arrives
- Use a small palette with one color reserved for actions
- Write clean titles, headings and structured data
- Redirect every old URL when you relaunch
- Own the domain, hosting, content and analytics
- Keep the site updated, backed up and monitored
