/ Website Tips · 6 min read
Mobile-First Design Basics for Small Business Websites
Your website looks great on your laptop. Your customers don't have your laptop. They're on a 6-inch screen, one-handed, on the bus. Design for that.
Updated 5 July 2026
Design for a thumb, not a mouse
Tap targets need to be at least 44×44 pixels. Buttons should sit in the natural thumb zone — the bottom two-thirds of the screen. Menus that live in the top-right corner (the classic desktop pattern) require an uncomfortable stretch on modern phones.
Font sizes that don't require zooming
Body text at minimum 16px, headlines at 24px+, line height around 1.5. Anything smaller and your visitor is squinting or pinching to zoom — both are conversion killers.
Kill the pop-ups on mobile
Full-screen pop-ups on mobile are penalised by Google directly (intrusive interstitials rule) and hated by users. If you need to collect emails, use a small banner at the bottom or a slide-in that appears after real engagement.
Test on a real phone
Chrome's device emulator lies. It doesn't show real touch response, real network speed, or real one-handed use. Once a week, open your live site on your actual phone and try to complete the primary action. Time it. Fix what's slow.
The mobile speed budget
Aim for full page load under 3 seconds on 4G. If you're over that, the fixes are almost always the same: compress images, remove tracking scripts you're not using, defer non-critical CSS/JS, cache aggressively.
Want us to do it?
Learning is one path. Hiring us is the other. Fixed-price quote in 48 hours.
Start a project →