Designing a small business website that actually generates enquiries

There is a particular kind of website that arrives on our desk two or three times a month. It looks perfectly respectable. The photography is decent, the logo is used consistently, the colours are calm. The owner paid a fair price for it three years ago and cannot put their finger on what is wrong. All they know is that the telephone does not ring because of it.

Almost always, the problem is not aesthetic. It is that nobody designed the site around the moment a visitor decides to make contact. Everything else was considered — the layout, the palette, the animation on the hero — but not the single event the site exists to produce.

This article is about what changes when you start from that moment and work backwards.

Start with the question the visitor is actually asking

Someone arriving at a small business website is running through a short mental checklist. It is remarkably consistent across trades, professional services and local retail:

1. Do these people do the specific thing I need?
2. Do they do it where I am?
3. Are they any good, and can I tell that from something other than their own claims?
4. Roughly what will this cost, or at least am I in the right ballpark?
5. What happens if I get in touch — will I be sold to, or helped?

That checklist is the brief. A site that answers all five quickly will out-perform a more beautiful site that answers none, because the visitor's decision is not aesthetic. It is a risk assessment.

Read your own home page and honestly ask which of the five it answers above the fold. Most answer half of one, because the space is occupied by a headline about passion, quality and being a trusted partner — words that every competitor also uses and that therefore carry no information at all.

Be specific, not impressive

The most reliable improvement we make to small business websites is also the least glamorous: replacing abstract claims with concrete facts.

"Quality workmanship you can trust" becomes "Kitchen and bathroom fitting across Farnham, Alton and Guildford. Fixed quotes, and we tidy up before we leave."

"Bespoke solutions for your business needs" becomes "Bookkeeping and VAT returns for sole traders and small limited companies. From £120 a month."

The second version of each is less exciting to write and considerably more persuasive to read. It answers questions 1, 2 and 4 in a single sentence, and it does something the first version cannot: it lets the wrong customer disqualify themselves, which saves everybody time.

Specificity also happens to be what search engines reward. A page that says plainly what it does, where it does it and who for is far easier to match to a real search than a page of adjectives. That is most of what people mean by local SEO — not tricks, just being legible.

Prices, or at least a range

The most common objection we hear is that prices cannot be published because every job is different. Sometimes true. But "we cannot give an exact price" is not the same as "we can give no information at all", and the visitor is going to estimate anyway — usually badly, and usually by assuming you are expensive.

A range, a starting figure, a worked example or a typical project cost all reduce the risk the visitor is being asked to take. Businesses that do it tend to receive fewer, better enquiries, because the people who make contact have already accepted the order of magnitude.

Design the path, not just the pages

Once you know what the visitor needs, the design job is to make the route to enquiry the path of least resistance.

Every page needs one obvious next step. Not five competing calls to action; one primary action, repeated where it makes sense. On a service page that is almost always "get in touch about this service". A page that ends without telling the reader what to do is a dead end, and dead ends are where visitors leave.

The telephone number should be visible and tappable. For many local businesses the telephone still converts better than any form. It belongs in the header, in the footer, and beside every call to action — as a real tel: link so a tap dials it.

Calls to action should describe the outcome. "Get in touch" is a chore. "Tell us about your project" is an invitation. "Request a fixed quote" is a promise. The words on the button measurably change how many people press it, because they change what the visitor thinks is about to happen.

Don't make the form a barrier. Every field you add costs you a percentage of submissions. Ask for what you genuinely need to reply usefully, mark the optional fields as optional, and explain what happens next. Our own contact form asks for a timescale because it materially changes our answer — not because more data is better.

Hierarchy is the whole of design

If there is one technical skill that separates a website that converts from one that does not, it is visual hierarchy: making the most important thing on the page unmistakably the most prominent.

This is mostly done with three tools.

Size and weight. One clear heading, considerably larger than everything else, saying what the page is about in plain language. Not a slogan — a description.

Space. Whitespace is not wasted space; it is what tells the eye where one idea ends and the next begins. When everything is crowded together, nothing is emphasised, and the visitor has to read the whole page to find the bit they wanted. Most people will not.

Contrast, used sparingly. If everything is a bold accent colour, nothing is. Reserve your strongest colour for the action you want people to take, and use it consistently so visitors learn what it means within a few seconds.

A useful test: squint at a screenshot of the page until the text is unreadable. What still stands out? If the answer is not "the headline and the main button", the hierarchy needs work.

Build trust with evidence, not adjectives

Nobody believes "trusted" or "leading". They believe specifics that would be awkward to fake:

• Reviews quoted with a name, a town and a date, and ideally a link to the platform they came from
• Photographs of your actual work rather than stock imagery of somebody else's
• Accreditations, memberships and insurance that a visitor can verify
• Named people, with real roles — even a one-person business is more trustworthy with a name and a face than without
• How long you have been trading, if it is more than a couple of years
• What happens if something goes wrong: guarantees, aftercare, a proper complaints route

Two or three pieces of this are worth more than a page of superlatives. And placement matters — a review sitting next to the enquiry button does more work than the same review on a testimonials page nobody visits.

Design for the phone in someone's hand

Over half of visits to most local business websites come from a phone, frequently outdoors, frequently one-handed, occasionally on a bad connection. Yet plenty of sites are still designed at 1440 pixels and checked on mobile afterwards.

Designing mobile-first is not about shrinking things. It changes what you include, because at 375 pixels wide you can only afford one idea at a time. That constraint is a gift: it forces the priorities you were avoiding on the desktop layout.

The practical requirements are unremarkable and widely ignored:

• Body text of at least 16px, with generous line height
• Tap targets big enough to hit accurately while walking, with space between them
• Layouts that hold together at 320px, because some people still have small phones and some people zoom
• No text over a busy photograph without a treatment that guarantees contrast
• Forms that use the right keyboard for each field and accept a pasted number with spaces in it

Speed and accessibility are design decisions

Two things that get filed as technical but are decided by the designer.

A hero image chosen at 4,000 pixels wide will be the slowest element on the page, and the page will feel broken for two seconds on a phone. That is a design decision with a performance consequence. So is a carousel, a video background, or three web font weights where one would do.

Likewise, choosing a pale grey for body text on white is a design decision that makes the page unreadable for a substantial number of people, and fails WCAG 2.2 AA contrast requirements. Choosing to signal a form error with red alone is a design decision that excludes colour-blind visitors. None of these are difficult to get right if they are considered at the design stage; all of them are expensive to retro-fit.

What to change first

If you have an existing site and limited appetite for a rebuild, this is the order we would tackle it in:

1. Rewrite the home page headline so it says exactly what you do and where. One sentence.
2. Add a clear primary action to every page, plus a tappable telephone number in the header.
3. Put a price, a range or a worked example somewhere obvious.
4. Add two or three pieces of real evidence — named reviews, photographs of your work, verifiable accreditations.
5. Cut the contact form down to the fields you actually need.
6. Check it properly on a phone, at a small size, in daylight.

None of that requires new design work, and in our experience it moves the needle more than a visual refresh does.

If the site is slow, hard to edit or built on something that can no longer be kept secure, then the honest answer is that the foundations need replacing first — and we would rather tell you that than sell you a coat of paint. Our frequently asked questions cover how we assess that, and what a rebuild typically involves.

Where we come in

We design and build websites for local businesses, trades, professional practices and SMEs across Surrey and Hampshire, and the brief is always the same: make it easy for the right customer to choose you. That means design that puts the next step in front of people, a build that loads quickly and stays secure, and someone at the end of the telephone afterwards.

If you would like a specific, unvarnished opinion on your current site — what is working, what is costing you enquiries, and what we would change first — tell us about your project or call 01420 446331. There is no charge for the conversation, and if we think you need less than you were expecting, we will say so.