Logo

More than half of the people who land on a small business website are doing it on a phone, often while walking, waiting for a bus or sitting in a café with one hand on a coffee. If your site was designed on a large desktop screen and squeezed down afterwards, those visitors feel it immediately: squinting at tiny text, pinching to zoom, and jabbing at buttons that refuse to respond. Getting the mobile experience right is not a technical luxury. It is usually the difference between an enquiry and a bounce.

Start with the text people actually read

Readability is the foundation of any mobile layout. If a customer cannot comfortably read your opening paragraph, nothing else on the page matters.

• Set body text at 16px minimum, and 18px if your audience skews older. Smaller than that and phones will either strain eyes or force a zoom.
• Use a line height of around 1.5 so lines do not crowd each other on a narrow screen.
• Keep lines to roughly 45–75 characters. Full-width paragraphs on a phone create a wall of text that people skip.
• Check your contrast. Light grey text on white looks elegant on a laptop and disappears in daylight. Aim for a strong contrast ratio between text and background.
• Break up paragraphs. Two or three sentences each, with clear subheadings, lets someone skim while standing on a train.

Choose a clean, widely available typeface, and avoid long passages in italics or all capitals. Both are much harder to read at small sizes.

Make every button easy to tap

Fingers are not precise. A mouse cursor can hit a 12-pixel link; a thumb cannot. Treat touch targets as a design requirement rather than a detail.

• Make buttons at least 44–48 pixels tall and give them a little breathing space, ideally 8 pixels or more between neighbouring targets.
• Put the most important action where thumbs rest — the lower half of the screen. A sticky "Call us" or "Book now" bar works well for trades, salons, clinics and takeaways.
• Label buttons clearly. "Send enquiry" beats "Submit". People should know what happens next before they tap.
• Make phone numbers and email addresses tap-to-activate so a customer can call or write with one press.
• Keep the header slim and the menu simple. Five or six items maximum, with the rest tucked into a footer.

Forms deserve special attention. Ask only for what you genuinely need, use large input fields, and set the right keyboard for each field so phone numbers bring up numbers and emails bring up the @ symbol. Every unnecessary field is another reason to give up.

Speed matters more on mobile data

Mobile visitors are often on patchy 4G or shared Wi-Fi, and they are impatient. A page that takes five seconds to appear will lose a good share of its audience before it renders.

• Compress and resize images before uploading. A 4MB photograph straight from a camera is a common culprit. Serve images at the size they will be displayed, in a modern format, and let the browser handle the rest.
• Limit web fonts. Each font file is a download that blocks text from appearing. Two weights of one typeface is usually plenty.
• Trim scripts and plugins. Sliders, chat widgets and tracking snippets all add weight. Remove anything you do not actively use.
• Delay loading of anything below the fold, so the top of the page arrives quickly.
• Test on a throttled connection, not just office broadband. Free online speed tools will show you what a customer on a slow network experiences.

As a rough target, aim for the main content to be visible in under three seconds on a middling mobile connection.

Test with a real thumb, not just a resized window

Dragging a browser window narrower is useful for spotting obvious breaks, but it does not tell you how the site feels in a hand. Spend twenty minutes with an actual phone.

• Hold it one-handed and try to reach the main call to action without shifting your grip.
• Open the site outdoors or near a bright window to check contrast and glare.
• Rotate to landscape and confirm nothing important is cut off.
• Try the contact form with one thumb, including any dropdowns and date fields.
• Check tablets too. Screens between phone and laptop sizes are often where layouts break awkwardly.

Ask a customer or a friend to complete one task — calling you, or booking an appointment — and watch where they hesitate. That single observation is worth more than a stack of design opinions.

Small changes, noticeable results

You do not need a full rebuild to make a mobile site work harder. Larger text, generous tap targets, a phone number that dials when pressed, images that load quickly and a stripped-back menu will transform how the site feels on a phone. Start with the page that matters most — your home page or your main service page — make those improvements, then work through the rest steadily. Your customers are already on the move. A layout that respects their time and their thumbs is one of the simplest ways to win their business.