Mobile-first design has been the recommended approach for years. But there's a gap between "the site is technically responsive" and "the site actually works well on a phone." For most small business websites, the gap is wide — and it's costing them enquiries every day.
Here's what UK users actually do on your site — and what that means for how it should be built.
The real data on mobile usage
More relevant than the overall statistics is what mobile users specifically do when they land on a local business website. They're almost always doing one of three things:
- Looking for a phone number to call immediately
- Checking if you cover their area or have availability
- Scanning reviews and trust signals before making a decision
That's a very different set of goals from a desktop user who might spend time reading about your services, comparing options, or browsing a portfolio. Mobile visitors are often in decision mode. Your site needs to match that intent.
What most mobile sites get wrong
Phone number not tap-to-call
If your phone number is text that can't be tapped to call directly — you've lost the lead. Every phone number on a business website should be a tel: link. This is basic, it costs nothing to implement, and it's still missing from roughly 40% of the small business sites we review.
CTA buried below the fold
On desktop, users have a large viewport — they can see a hero section, a headline, and a CTA button simultaneously. On a 375px-wide phone screen in portrait mode, most hero sections show nothing but a background image and a large headline before you scroll. The button is gone. The conversion opportunity is gone.
Mobile-first design means the CTA button is visible — ideally sticky at the bottom of the screen — before any scrolling is required.
Forms with too many fields
Typing on mobile is friction. Every field you add to a contact form or enquiry form reduces completion rate. On mobile, 3–4 fields is the maximum before you start losing meaningful numbers of submissions. Name, phone, message. Or better: tap to call instead of a form.
Navigation that doesn't work with thumbs
The "hamburger menu" (three horizontal lines) is fine for mobile — it's an established pattern. What isn't fine is a hamburger menu that opens a full-screen overlay where the links are 12px text with 4px of padding. Tap targets on mobile should be at least 44×44 pixels. Most default mobile menus fail this.
What a good mobile experience looks like
A well-optimised mobile experience for a service business has:
- Tap-to-call button visible without scrolling
- Clear headline that communicates the offer in 8 words or fewer
- Star rating and review count within the first scroll
- One CTA — either call, get a quote, or book — not three competing options
- Images optimised for mobile (WebP format, appropriate dimensions)
- Menu items that are easy to tap with a thumb
- No horizontal scroll
- Load time under 3 seconds on 4G
Open your site on your phone — and while you're at it, run it through our quick speed check guide — not through a bookmark you use daily, but by typing the URL fresh. Pretend you're a customer who found you on Google. Is the phone number the first thing you'd tap? Is there one obvious action? Does it load before you lose patience? The answers tell you everything.
Does this mean ignoring desktop?
No — but it means designing for mobile first and ensuring desktop is excellent, rather than the other way around. When you design for the constraints of mobile (small screen, touch input, variable network speed) and then expand to desktop, you end up with a cleaner, more focused design at every size.
The most common mistake is designing a beautiful desktop site and then "making it responsive" — which usually means shrinking it down rather than rethinking it for the context. The result is a site that's technically viewable on mobile but not genuinely usable.