Websites
Mobile-first: building a website for the phone in your customer's hand.
Picture how someone actually finds you. They're on the tram, waiting for a coffee, or on the couch at 9pm. They hear about your business, pull out their phone, and have a quick look. That small screen is where most first impressions happen now, which is exactly why a mobile-first website for small business isn't a nice-to-have anymore. It's the version that does the heavy lifting.
Building mobile-first simply means you design for the phone first and treat the desktop layout as the bonus. It sounds like a small shift, but in practice it changes almost every decision you make, usually for the better.
Why mobile-first matters for a small business website
For most local and small businesses, more than half of website visitors arrive on a phone, and for some it's the clear majority. Think about a cafe in Brunswick, a tradie in the eastern suburbs, or a florist taking last-minute orders. Almost nobody is sitting at a desktop when they decide to find you.
When you design for desktop first and squeeze it onto a phone afterwards, you tend to end up with tiny text, buttons that are hard to tap, and pages that take an age to load on mobile data. The visitor doesn't email you to complain. They just leave, and you never know they were there.
Designing mobile-first flips the priority. You start with the cramped, distracted, one-thumb reality and make that work beautifully. The roomy desktop version then almost takes care of itself.
If it works on a phone on a slow connection, it works everywhere.
Make it readable and tappable
The two fastest wins on any phone screen are text you can read without pinching and buttons you can hit without aiming. Both come down to size and spacing:
- Body text around 16px or larger. Anything smaller forces people to zoom, and zooming is friction that loses enquiries.
- Tap targets around 48px. That's roughly the size of a fingertip. Buttons, menu items and links all need enough room that a thumb lands on the right thing first go.
- Generous spacing between elements. Crowded links are a nightmare on touchscreens. A little breathing room between every tappable item prevents frustrating mis-taps.
- Short line lengths. On a phone that happens naturally, but keep paragraphs short too. Three or four lines is plenty.
None of this is about making your site look basic. It's about respecting that someone is reading on a small screen, often one-handed, sometimes in bright sunlight outside a shopfront.
Speed is a feature, not a finishing touch
Phones are often on patchy mobile data, not fast home wi-fi. A page that loads instantly on your laptop can crawl on a train through the tunnels, and a slow first load is one of the most common reasons people bounce before they've seen anything. A few practical habits keep your pages lean:
- Compress your images. Photos straight off a camera are often several megabytes each. Resized and compressed properly, the same image can be a fraction of that with no visible drop in quality.
- Use the right number of images. One strong photo that loads fast beats a gallery of twelve that don't.
- Keep the page lean. Every extra widget, font, tracking script and animation adds weight. Be honest about what earns its place.
- Load what matters first. The headline, the offer and the contact button should appear before anything decorative.
If you want a quick, low-effort head start, our post on tiny website edits covers small changes that make a real difference without a full rebuild, and many of them help most on mobile.
If your homepage takes more than a few seconds to become useful on a phone, you're losing people before they've read a word. Speed up the first load before anything else.
Thumb-friendly navigation and getting in touch
On a phone, the easiest place for a thumb to reach is the bottom and middle of the screen, not the very top corners. Keep your most important actions within comfortable reach, and don't bury your phone number or contact form three taps deep. Two things should be effortless on mobile:
- Click-to-call. Make your phone number a real tap-to-dial link, so one tap rings you. For a tradie or a salon, this single feature often drives more enquiries than anything else.
- Tap-to-email. The same goes for your email address and any enquire button. One tap should open their email or your form already half-ready to go, not send them hunting.
Keep your menu simple. A handful of clear links beats a sprawling navigation that needs scrolling. And resist the urge to greet every mobile visitor with an intrusive pop-up. On a small screen, a full-page newsletter prompt or chat bubble covering your content is maddening, and it's one of the quickest ways to send someone straight back to the search results. If something must pop up, make it small, easy to dismiss, and never the first thing people see.
The simplest test of all
You can read every guide on earth, but the most honest check takes two minutes. Pick up your own phone and try to become a customer.
- Open your site the way a stranger would, ideally off wi-fi on real mobile data.
- Read the homepage. Can you tell what you do and who it's for in a few seconds, without zooming?
- Find your phone number and tap it. Does it try to call?
- Find your contact form or email and send yourself a test enquiry. Count how many taps it took.
- Notice anything that annoyed you. A pop-up, a slow image, a button you missed. That's your list.
If any step made you sigh, your customers are sighing too. Doing this once, properly, tells you more than any analytics dashboard. For a broader look at what quietly drives people away, our rundown of website mistakes costing you enquiries is worth a read.
Where to start if it all feels like a lot
You don't need to rebuild everything at once. Most sites get the bulk of the benefit from a short, focused list: compress the heavy images, bump up the font size, make the phone number tappable, kill the pop-up, and tidy the menu. Tackle those, then run the phone test again.
If you'd rather not wrangle the technical side yourself, that's the sort of thing we genuinely enjoy sorting out. If your site feels clunky on a phone, book in a website refresh or a free chat and we'll help you make it easy for customers to find you, read you and reach you.
Found this useful?
Pass it on or pick up the notes list.
