Mobile-first isn't a preference any more

For most local service businesses, the majority of traffic is mobile — often well over two thirds. For "near me" searches it's higher still.

Yet most sites are designed on a 27-inch monitor and squeezed down at the end. You can tell immediately.

What "responsive" doesn't cover

Responsive means the layout adapts. It doesn't mean the experience is good.

A responsive site can still have text too small to read, buttons too close together, a hero image that pushes everything below the fold, or a form where the keyboard covers the field you're typing in. Technically responsive. Practically annoying.

Mobile-first means designing the phone experience first, then expanding — so the constrained version is the considered one rather than the leftover.

The things that break most often

Tap targets. Buttons and links need to be comfortably tappable — roughly 44 pixels — with space between them. Two links a few pixels apart works with a mouse and fails with a thumb.

Text size. Body text below about 16px gets zoomed, and zooming breaks the layout. Small grey text on white is the most common readability failure we see.

The hero image. A tall image looks striking on desktop and consumes the entire first screen on a phone, pushing your headline out of view.

Forms. Fields too small, wrong keyboard types, labels that vanish once you start typing, submit buttons hidden behind the keyboard.

Tables. They don't reflow. A pricing table becomes a horizontal-scroll mess. Turn them into stacked cards on small screens.

Hover. Anything that only appears on hover doesn't exist on a phone. Dropdown menus that open on hover are a genuine trap.

Thumbs, not eyes

People hold phones one-handed and reach with a thumb. The comfortable area is the bottom and centre; the top corners are the hardest to reach.

Which is exactly where most sites put the menu and the phone number.

Consider a persistent call button at the bottom of the screen for service businesses. It sits in the easiest place to reach and removes any hunting for a number.

Test properly

Use a real phone. A desktop browser's responsive mode shows you dimensions, not experience. It can't show you that the tap target is awkward or the text is too small at arm's length.

Use mobile data. Office wifi hides every performance problem you have.

Use an older device if you can. Not everyone has this year's phone, and JavaScript-heavy pages punish older hardware badly.

Do a real task. Find a price. Submit an enquiry. Call the business. Do it as a customer would, on the sofa, one-handed.

The one-thumb test

Pull up your site on your phone, hold it in one hand, and try to contact yourself without using the other hand.

If you can't do it in under fifteen seconds, that's the problem to fix this week — before the redesign, before the blog, before the ads.