Picture your typical customer finding your business. They are probably not sitting at a desk with a large monitor. More likely, they are on their phone — on the sofa, at the beach, waiting for a coffee or standing in their half-finished kitchen wondering who to call.
For most small businesses, the majority of website visits now come from mobile devices. Google also predominantly uses the mobile version of your site for indexing and ranking. If your site is designed for desktop first and squeezed onto phones as an afterthought, you are almost certainly losing customers.
Responsive vs mobile-first
A responsive site adapts its layout to different screen sizes. That is the minimum standard today.
Mobile-first goes further. It means designing for the phone screen first — deciding what matters most when space is limited — then expanding the design for larger screens. The result is a site that is focused, fast and easy to use where most of your customers actually are.
The most common mobile mistakes
- Tiny text. If people have to pinch and zoom to read, they leave.
- Buttons too small or too close together. Fingers are less precise than mouse pointers.
- Phone numbers that cannot be tapped. Every number should be a click-to-call link.
- Huge, slow images. A 5MB hero photo might look fine on office broadband but crawls on a mobile connection.
- Intrusive pop-ups. Full-screen pop-ups that are hard to close on mobile frustrate users and can affect how Google views your page.
- Menus that do not work. Hamburger menus that are hard to tap or open in odd ways.
- Forms that are painful. Long forms with small fields and no mobile-friendly keyboards.
- Content hidden on mobile. Important information shown on desktop but removed on mobile.
What good mobile design looks like
- A clear headline and call to action visible without scrolling.
- Large, readable text (16px body text is a sensible minimum).
- Thumb-friendly buttons with plenty of space around them.
- Sticky contact options — a call or WhatsApp button that stays visible as people scroll. In Spain, a WhatsApp button often gets more use than a phone number. See why WhatsApp matters.
- Short forms with the right keyboard types (numbers for phone fields, email keyboard for email fields).
- Fast-loading, compressed images in modern formats such as WebP.
- Simple navigation with only the most important pages in the menu.
How to test your own site
- Use it yourself. Open your site on your phone and try to complete key tasks: find a service, check prices, call you, send an enquiry. Then ask a friend to do the same and watch where they struggle.
- Check Google Search Console. It flags pages with usability and performance problems.
- Run PageSpeed Insights. Google’s free tool scores your mobile performance and suggests fixes. Our guide to Core Web Vitals explains what the scores mean.
Quick wins you can make this week
- Make every phone number and email address clickable.
- Add a WhatsApp or call button that stays visible on mobile.
- Compress your largest images.
- Remove or delay pop-ups on mobile.
- Shorten your contact form to the essentials.
- Check that your menu works and includes your most important pages.
When it is time for a redesign
If your site was built more than five years ago, or was designed primarily for desktop, quick fixes may only go so far. Our article on signs it is time to redesign your website will help you decide.
We design every website mobile-first, then make sure it looks stunning on larger screens too. Get in touch if you would like us to test your site on mobile and tell you honestly what we find.
