Think about the last time you needed to find a local business quickly. A locksmith because you'd lost your keys. A plumber because something was leaking. A takeaway because it was too late to cook. You almost certainly reached for your phone.
Your customers do the same. When someone has a boiler that's stopped working on a cold evening, or a leak that needs urgent attention, the first thing they do is search on their phone. The same goes for less urgent situations — most people browse on their phones as a default now, sitting on the sofa, on a lunch break, wherever they happen to be.
The data backs this up. For local service business searches, more than 70% now happen on mobile. For emergency call-out searches, that figure is even higher. If your website wasn't designed with a phone screen in mind, you're starting most interactions at a disadvantage.
What Mobile-First Actually Means
"Mobile-friendly" has become a bit of a meaningless phrase. It used to mean a website that didn't break on a phone — text that was readable, buttons that were tappable. The bar has moved.
Mobile-first means the website was designed for phone screens first, with desktop as a secondary consideration. The layout, navigation, font sizes, button placement, and loading speed are all optimised for someone holding a phone in one hand, probably outdoors or in a hurry.
This is the opposite of how a lot of older or cheaper websites are built. A desktop site that's been squeezed down to fit a phone screen looks and behaves differently to a site that was designed for that screen from the start. Cramped text, navigation menus that are hard to tap, images that slow down loading time, contact forms where the fields are too small to use comfortably — these are all symptoms of a site that was designed desktop-first and mobile-adapted as an afterthought.
Common Problems With Non-Mobile Websites
Text too small to read without zooming. If a visitor has to pinch and zoom to read your content, they'll leave within seconds. The standard minimum for body text on mobile is around 16px. Anything smaller and it starts to feel like effort.
Phone number that can't be tapped. A phone number displayed as plain text on a desktop site works fine with a mouse. On a phone, the user has to copy it, switch to the dialler, and paste it. Every extra step costs you enquiries. A properly built mobile site makes the phone number a clickable link that opens the dialler automatically.
Slow loading on mobile networks. Desktop websites often carry large images and scripts that load quickly on a fast broadband connection but take three to five seconds on a 4G connection. Research consistently shows that mobile users abandon pages that take more than two or three seconds to load. A site that loads fast on a laptop but slowly on a phone is losing the visitors who matter most.
Navigation designed for a mouse. Dropdown menus that require hovering, tiny navigation links, hamburger menus that don't work properly — these all make it harder for mobile visitors to find what they need. Mobile navigation should be simple, large, and fast to use with a thumb.
Contact forms with small input fields. Filling in a form on a phone is already slightly inconvenient. Making it harder with tiny text fields, difficult dropdown menus, or form validation that erases what you've already typed when something goes wrong will cause people to give up and close the page.
Google's Mobile-First Indexing
There's an additional reason beyond conversions to take mobile seriously: Google uses it as the primary basis for ranking your website.
Mobile-first indexing means Google predominantly uses the mobile version of your website when deciding how to rank your pages. If your mobile site is missing content that's on your desktop site, or if it performs poorly on a phone, your rankings suffer across all devices — not just on mobile.
Google also uses a metric called Core Web Vitals as part of its ranking algorithm. These measure things like how fast your page loads, how quickly interactive elements respond, and how stable the layout is while loading. Poorly optimised mobile sites tend to score badly on these metrics, which puts them at a ranking disadvantage against competitors with faster, better-built sites.
What a Properly Mobile-Optimised Tradesperson Site Looks Like
A mobile-first tradesperson website has a few consistent characteristics:
The phone number is in the header at the top of every page, large enough to tap easily, and clicking it opens the phone dialler. On some sites there's also a sticky call button that follows the user as they scroll.
Text is large enough to read without zooming — typically 16-18px for body copy. Headings are clear and well-spaced.
Images load quickly because they've been compressed and served at an appropriate size for the device. A phone doesn't need a 3000-pixel wide image; serving a smaller version saves load time significantly.
Navigation is minimal and simple. Usually a hamburger menu with four to six clearly labelled options. The most important action — call or contact — is always within reach without opening the menu.
Forms have large input fields, clear labels, and a submission button that's easy to tap. The whole form should be completable in under two minutes on a phone without any frustration.
Loading time should be under two seconds on a typical 4G connection. This isn't just good for conversions — it's a direct ranking factor.
A website that looks great on a desktop but performs poorly on a phone is increasingly not fit for purpose for a local trades business. The majority of your visitors are coming from phones, and the majority of your competitors aren't doing this well yet — which means getting it right is still a genuine competitive advantage.
At DCS, every website I build is mobile-first by default. If you want to talk about how your current site is performing on mobile — or what a new site would look like — get in touch.