Mobile-First Design for Local Service Businesses

Think about how somebody actually finds a plumber. The boiler has stopped, they are standing in the kitchen, and they search on the phone in their hand. They are not sitting at a desk with a notepad. Everything about your website should assume that.

Mobile-first does not mean making the desktop site shrink. It means designing for the phone first and letting the bigger screen inherit it, because the phone is the harder problem and the one most of your customers are solving.

What the phone changes

The mistakes that cost calls

• A phone number that is not a link, so tapping it does nothing. Still the most common fault we find on small business sites.
• The number only in the footer, three screens down, when it should be in the header on every page.
• Tap targets too small or too close together, so people hit the wrong thing and give up.
• A pop up covering the screen before the visitor has read a word.
• Huge uncompressed hero images that take ten seconds to appear on mobile data.
• Text so small it needs pinching, or so wide it runs off the side of the screen.
• A form with ten fields that is painful to complete with a thumb.

What to do instead

1. 1Put a tappable phone number in the header of every page, using a real tel link so one tap dials.
2. 2Make the first screen say what you do and where you work, with no scrolling needed.
3. 3Use generous tap targets with space around them. If you can hit it comfortably while walking, it is big enough.
4. 4Compress every image and serve modern formats. This is usually the single biggest speed win.
5. 5Keep forms to a name, a contact and one sentence about the job.
6. 6Test on a real phone, outdoors, on mobile data, not just in the browser's preview mode.

That last point matters more than the rest of the list. Nearly every website looks fine in a desktop browser shrunk down. The problems show up on an actual handset with a real signal, which takes two minutes to check and almost nobody does.

Speed is the part people skip

Aim for a page that is usable within about three seconds on mobile data. Beyond that you start losing people before they have seen anything at all, and they will not know why they left. They will simply be gone, and you will never see them in your enquiry log.

The usual culprits are easy to fix: oversized images, several web fonts where one would do, sliders nobody interacts with, and third party scripts left over from something you tried once. Strip those and most small business sites get noticeably quicker without touching the design.

Mobile and local search go together

The same visit that starts on a phone usually starts in the map pack too. Someone taps a result, lands on your site, and decides within seconds whether to ring. A fast, clear mobile page is therefore part of your local SEO rather than separate from it, which is why we treat the two together in our local SEO guide.

Every site we build is designed on the phone layout first and tested on real handsets before it goes live, on every plan from £74 a month. You can see how they come out on our clients page.

A two minute test

Open your own site on your phone, away from your wifi, and answer three questions. Can you tell what the business does without scrolling? Can you ring it in one tap? Did it appear quickly enough that you would not have gone back?

Any no on that list is costing you enquiries today. If you want a second opinion, send us the address and we will go through it properly, or read our conversion guide for what to change first.

Keep reading

See every article on the blog