"Responsive" used to mean a website that rearranged itself to fit a phone. That's the minimum now. Designing mobile-first means starting with the phone and working up, and it changes more than you'd expect.
Why start with the phone?
For most small businesses, the first time someone sees your website is on their phone: from Instagram, from a Google search on the bus, from a link a friend sent. If that first look is slow or fiddly, there often isn't a second one.
What changes when you design for phones first
Priorities get clearer
A phone screen only fits a few things at once, so you have to decide what matters most. That's a useful discipline. The things that survive the cut are usually the things that should have been at the top of the desktop version too.
The next step is always within reach
Your main button (book, buy, call) should be easy to reach with a thumb and never more than a short scroll away.
Forms get shorter
Typing on a phone is tedious. Ask only for what you need, use the right keyboard for each field (numbers for phone numbers, email layout for emails), and let browsers autofill.
Speed matters more
People on a patchy mobile signal won't wait for huge images and fancy effects. Images should be sized for the screen they're shown on, and anything that doesn't earn its place gets cut.
A five-minute check you can do now
- Open your site on your phone, on mobile data rather than Wi-Fi.
- Can you read everything without zooming?
- Can you tap every button without hitting the wrong one?
- Can you get from the homepage to booking or buying in three taps or fewer?
- Does anything jump around while the page loads?
If any of those were a no, it's fixable, often without a full rebuild. Every site I build is designed for phones first. Tell us about yours.
This article is general information, not legal, tax or financial advice. Rules change, so check the official guidance for your own situation.