A good service page does one job: it helps a visitor decide, quickly, that you can solve their problem and that contacting you is easy. Everything else, the layout, the photos, the wording, the schema, either supports that decision or gets in its way. This guide walks through how to design one, section by section, for a small UK business.
Most service pages we see aren’t broken in one obvious way. They’re just vague. A headline that says “Our Services”, three stock photos, a paragraph about passion, and a contact link buried in the footer. The owner is pulling their hair out because the traffic is there and the phone isn’t ringing.
TL;DR
- Give every main service its own page, and use your main Services page as a short hub that links to them.
- Lead with the customer’s problem and the outcome, then details, proof and one clear next step, in that order.
- Write plainly and make the page easy to scan: 79% of users scan new pages rather than read them.
- Match your page to your Google Business Profile and add LocalBusiness structured data so Google understands where and what you serve.
- Build to WCAG 2.2 AA so everyone can use the page, including by keyboard alone.
Table of Contents
- What a service page is actually for
- One hub page or many service pages?
- The anatomy of a service page that converts
- Layout: design for scanning, not reading
- An example layout, section by section
- Making the page work for local search
- Accessibility is part of the design
- Common mistakes we see
- Our view: pages are cheap to build, expensive to ignore
- Where we can help
- A quick checklist before you publish
- FAQ
- Sources
What a service page is actually for
A service page sits at the moment a visitor moves from “maybe” to “I’ll ask”. It is not your brochure and it is not your life story. Think of it as a short, honest sales conversation held on the screen while you are not in the room.
That has a practical consequence. The page has to answer the questions you would hear across a counter: what exactly do you do, is it for someone like me, what does it cost or how is it priced, how does it work, can I trust you, and what do I do next?
The usability research on B2B sites makes a useful distinction here. Nielsen Norman Group describes two audiences for these pages: the person doing the research and the person who makes the decision. In a small business they are often the same person wearing two hats, but sometimes the office manager researches and the owner signs off. Your page needs a quick overview that satisfies the decision-maker at a glance, then deeper detail for the person checking the specifics.
One hub page or many service pages?
If you offer several distinct services, give each its own page. A plumber who does boiler servicing, bathroom fitting and emergency repairs is really three different searches from three different people. One crowded page can’t be about all of them at once.
The usual structure, and the one Squarespace’s guide to service pages recommends, is a main Services page that works as an organised hub: a brief overview of each service with a clear link to its detailed page. Individual pages can target their own, more specific searches, and the hub passes visitors on without making them dig.
A few rules of thumb:
- Separate pages when the services have different customers, different prices or different search terms.
- One page when you offer one core service in a few variations, or you are very early on and have little to say yet.
- Any service reachable in one or two clicks from the homepage. If people have to hunt, they leave.
One warning from the other direction. Don’t create near-identical pages that differ only by a town name. Google’s guidance, as discussed in 365i’s local case study, warns against separate pages for every search variation made primarily to manipulate rankings. A location page earns its place only when it says something true and specific about that place.
The anatomy of a service page that converts
Here is the order we would build a page in. It follows how people read, which is the next section’s point.
1. A headline that names the problem or the outcome
“Web Design Services” tells the visitor what category you are in, which they already know. “Websites for Derbyshire tradespeople that bring in enquiries, not just compliments” tells them it is for them and what they get. Be specific, be factual, and keep it to one line if you can.
Under it, add one or two sentences that say what you do, who for, and what changes as a result. This is the part most visitors will read, so it has to work alone.
2. A clear call to action, immediately
Put your main button above the fold. Not “Submit” or “Learn more”, but what actually happens: “Book a free 20-minute call”, “Get a quote”, “Ring us on [number]”. Only promise what you really offer.
Pick one primary action per page and repeat it at natural pauses. The risk of leaving it out is the one the Squarespace guide flags: a visitor finishes reading and wonders, “What now?” Lower the friction as far as you honestly can. A phone number that taps to call on mobile, and a short form asking for name, contact detail and a sentence about the job, beats a ten-field form every time.
3. The problem, in the customer’s words
Two or three short sentences describing what the customer is struggling with. Use the words they use. A café owner doesn’t say “suboptimal booking funnel”; they say “people ring up to book a table and we’re too busy to answer”.
4. What’s included, as a scannable list
This is where the real detail lives. List what the customer gets, and next to each item say what it means for them. “Mobile-first layout” is a feature; “your site works properly on the phone most of your customers are holding” is the benefit. Use a list or a short table. Walls of text are where attention goes to die.
5. How it works
Three to five numbered steps remove a huge amount of uncertainty. Something like: we talk, we send a fixed quote, we do the work, you review it, it goes live, we look after it. Include how long each stage usually takes, if you know.
6. Pricing, or at least how pricing works
Many small businesses hide price entirely, and many visitors assume the worst. You do not have to publish every figure, but give a range, a starting point, or a clear explanation of what changes the price. If you do publish prices, make them exact and keep them up to date, because an out-of-date price is worse than none.
7. Proof
Real testimonials with a name and business, review scores you can point to, photos of your actual work, accreditations you genuinely hold. Put one piece of proof close to the call to action, since that is where doubt arrives. Don’t invent or inflate any of it.
8. Answers to the obvious objections
A short FAQ at the foot of the page handles the things that stop people enquiring: how long, what if I need changes, who owns it afterwards, what areas do you cover. It also gives you natural, honest content for search.
9. A closing call to action
Repeat the main action, with the phone number and the form. A reader who has made it to the bottom is interested; don’t make them scroll back up.
Layout: design for scanning, not reading
Nobody reads your page the way you wrote it. Nielsen Norman Group’s long-running research found that 79% of users scan new pages, and that pages need scannable text: highlighted keywords, meaningful subheadings, bulleted lists and short paragraphs. Their later study of writing styles, Concise, SCANNABLE, and Objective, reported usability improvements of up to 58% for concise text and 47% for scannable text, and up to 124% when the improvements were combined. Those studies are old and the sample sizes small, but the habit they describe hasn’t gone away; anyone who watches a customer use a phone will recognise it.
Translating that into layout decisions:
- Put the important things top-left. Readers tend to follow an F-shaped path, so your value proposition and main button should sit in the first lines and be left-aligned.
- One idea per section, one heading per idea. Headings should say something. “Why choose us” says nothing; “Fixed prices, no surprise invoices” says something.
- Keep paragraphs to two or three sentences. Break up anything longer with a list.
- Make buttons obvious. High contrast, a clear label, large enough to tap with a thumb.
- Use real images. A photo of you and your van or your team does more than a stock handshake.
- Leave white space. It isn’t wasted space; it is what lets people find the next thing.
Mobile first, really
For most local services, a large share of visits arrive on a phone, often from someone who needs something done soon. Design the phone version first: the headline, the tap-to-call button and the key benefits should all be visible without pinching or zooming. Then let the desktop version add space and detail, rather than the other way round. Test it yourself, with one thumb, on a train-station-quality signal.
Write plainly
Nielsen’s advice is blunt: users are filtering your copy, not savouring it, and promotional hype forces them to spend effort ignoring it before they can find facts. Their writing-for-the-web study points to an objective style that states what you do and what the benefits are. Swap “award-winning, world-class solutions” for “we fit and service boilers across Chesterfield, usually within 48 hours”, but only if the second is true.
An example layout, section by section
To make this concrete, here is a skeleton for a fictional service page. The business is a small electrician in Derbyshire; the wording is illustrative, not a real client.
| Section | What goes in it | Why it’s there |
|---|---|---|
| Headline and intro | “Electrical testing for landlords in Chesterfield and North Derbyshire” plus one line on what’s covered | Tells the right visitor they are in the right place |
| Primary button | “Book a visit” and a tap-to-call number | Gives an immediate next step |
| The problem | Short paragraph on what landlords need and when | Shows you understand the situation |
| What’s included | Five-item list, each with a one-line benefit | Lets the reader check scope quickly |
| How it works | Four numbered steps with timings | Removes uncertainty |
| Pricing | Starting prices or a clear explanation of what affects them | Filters and reassures |
| Proof | Two named reviews, photo of the team, accreditation logos actually held | Builds trust where doubt arrives |
| FAQ | Four questions on timing, paperwork, areas covered | Handles objections |
| Closing button | Repeat of the call to action | Catches readers who scroll to the end |
Notice what is missing: a long history of the company, a mission statement, a block of generic text about “quality and reliability”. Put that on your About page, where someone who wants it will look.
Making the page work for local search
A beautiful page nobody finds is a hobby. Local service pages need to send Google clear, consistent signals about what you do and where.
The points that matter most:
- Match your Google Business Profile. Your page’s service names and descriptions should line up with your GBP categories. As the Takeoff Digital multi-location case study describes, consistency between profile and site, plus distance and prominence, drives whether you show in the local map results. Our own guide to Google Business Profile optimisation covers the profile side.
- Add LocalBusiness structured data. It describes your business type, area and services in a form search engines read directly. We explain how in schema for local business: a practical UK guide.
- Write unique content for each page. Duplicate, templated text across locations is exactly what the Takeoff study warns against. Mention real local detail: the towns you cover, the kind of property or customer you see, the jobs you have actually done.
- Earn reviews and local mentions over time. Prominence builds slowly. Our 90-day local link building plan is a sensible way to start.
- Cover the basics first. Our local SEO checklist for small businesses lists what to fix before anything fancy, and why most Derbyshire businesses don’t rank on Google explains the usual culprits.
If you want a wider grounding in how local, AI-assisted and map-based search fit together, this local SEO academy is a useful further read on accurate service and location signals.
Accessibility is part of the design
Accessibility is easy to treat as something for later. It shouldn’t be. Under the Equality Act 2010, service providers have duties towards disabled people, and that reaches your website. It also simply widens your audience, because plenty of people have poor eyesight, a temporary injury, a tremor, or are using a phone in bright sunlight.
The practical target for most small businesses is WCAG 2.2 Level AA. The GOV.UK Service Manual gives an overview of WCAG 2.2 AA, and the GOV.UK Design System is a good benchmark for accessible, working components. In plain terms, on a service page that means:
- Headings in a logical order: one H1, then H2s, then H3s, without skipping levels.
- Proper page structure, with a header, main content area and footer marked up correctly.
- Every button, link and form field usable with a keyboard alone, with a visible focus outline.
- Enough contrast between text and background, especially on your call-to-action button.
- No important information hidden behind hover effects, which don’t exist on a phone.
- Descriptive link text, so “Get a quote for boiler servicing” rather than “click here”.
- Alt text on images that carry meaning.
If you’re unsure where your obligations sit, ask a qualified accessibility auditor or a solicitor who handles equality law, because the answer depends on your circumstances.
Common mistakes we see
Starting with “Welcome to our services page”. The visitor knows where they are. Start with what you can do for them.
Describing the process, not the result. “We use a seven-stage methodology” means little. “Your new boiler installed in a day, with the old one taken away” means plenty.
Burying the contact route. If someone has to hunt for how to get in touch, some won’t.
Cramming everything onto one page. Several services, several audiences, several searches, one confusing page.
Stock-photo trust. Smiling strangers don’t build confidence. Your own work does.
Forgetting the page after launch. Prices change, services change, a case study from 2019 starts to look tired. A service page is a working part of the business and needs a regular look.
Our view: pages are cheap to build, expensive to ignore
We build websites for small businesses, and the pattern repeats. An owner pays for something that looks lovely, then discovers three months later that nobody has touched it since launch, the phone number on one page is wrong, and the service they most want to sell has a single paragraph. The page wasn’t badly designed. It was treated as a finished object rather than a working tool.
So our view is simple. Start from the customer’s question, not your own list of services. Write like you’d talk to someone in your workshop or shop. Make the next step so obvious that nobody has to think. Then keep improving: look at which pages bring enquiries, which ones people leave, and change one thing at a time.
That is also why we care about unlimited content changes and ongoing optimisation rather than one-off projects. A service page that can be edited this afternoon, when you change your prices or add a new offer, will always outperform a beautiful one that takes a month to update. And because enquiries are only useful if they’re followed up, we pair pages with our SmartFlowCRM, so messages from the form, email and WhatsApp land in one place rather than three inboxes.
— Chris
Where we can help
If you’d rather have the page built and looked after than wrestle with it yourself, our web design plans are published openly: Starter at £120 per month, Growth at £170 per month and Smart at £560 per month. We’re a Derbyshire-based team and we can meet in person.
If the page is there but nobody finds it, our local SEO service starts from £150 per month. And once the enquiries arrive, our CRM plans, Silver at £130 per month and Gold at £260 per month, keep them from slipping through the cracks. If you’d like to talk it over first, start from our home page.
Prefer to see what a focused page looks like? Our guide to high-converting landing page design shows the same principles applied to a single-goal page.
A quick checklist before you publish
Run your page through these questions:
- Does the headline say who it is for and what they get?
- Is there a clear button in the first screen on a phone?
- Can someone skim the headings and understand the offer?
- Is each benefit tied to a feature, in plain words?
- Are the steps, timings and pricing approach stated honestly?
- Is there at least one piece of real proof near a call to action?
- Do the service names match your Google Business Profile?
- Is LocalBusiness structured data in place and valid?
- Can you complete the whole page and form using only a keyboard?
- Does the page contain anything you wouldn’t say to a customer’s face?
If you can tick all ten, you’re ahead of most of your local competition.
FAQ
What should a service page include?
A specific headline, a short explanation of the problem and what you do about it, a scannable list of what’s included, how the process works, pricing or how pricing is set, proof such as reviews, answers to common questions and a clear call to action. Put the call to action near the top and again at the bottom.
How long should a service page be?
As long as it takes to answer the customer’s questions and no longer. For a simple local service, that may be 400 to 800 words; for a complex service with several options, more. Use headings, lists and short paragraphs so that length never becomes a wall of text.
Should I have one services page or several?
If your services are distinct, give each its own page and use the main Services page as a hub that summarises and links to them. Each page can then target its own searches. If you offer just one core service, a single strong page is fine.
How do I make a service page rank locally?
Keep the page’s wording consistent with your Google Business Profile categories, add LocalBusiness structured data, and include genuine local detail rather than copying the same text for every town. Reviews and local mentions build up over time and support all of this.
Sources
- How Users Read on the Web, Nielsen Norman Group
- Concise, SCANNABLE, and Objective: How to Write for the Web, Nielsen Norman Group
- B2B Websites Usability, Nielsen Norman Group
- Service Page Design: Complete Guide and Examples, Squarespace
- Multi-location drainage SEO case study, Takeoff Digital
- The Receipt Test: Non-Commodity Local Case Study, 365i
- Understanding WCAG 2.2, GOV.UK Service Manual
- Accessibility strategy, GOV.UK Design System
