Is your website built for phones? Responsive web design explained
In short: most customers and Google look at the phone version of your site first. Use the five-minute check below to see how yours does, then decide whether it needs a small fix or a rebuild.
Here's the short answer. Most of your customers, and Google, look at the phone version of your website first, so that's the version that has to work. If it's hard to read or hard to tap on a phone, people tend to leave before they ever call you.
This guide explains what responsive web design actually means in plain English, gives you a five-minute check you can do on your own phone today, and says honestly when a site needs a small fix and when it needs a rebuild.
Responsive, mobile-first and mobile-friendly: what the words mean
You'll hear these three terms in every web design quote. They're related, but they don't mean the same thing.
| Term | What it means |
|---|---|
| Responsive | One website that rearranges itself to fit any screen, from a phone to a large monitor. |
| Mobile-first | A way of planning the site: the phone version is designed first, then expanded for bigger screens. |
| Mobile-friendly | The minimum. The site can be used on a phone, even if it's not pleasant. |
Put simply, responsive is about how the site behaves, mobile-first is about how it was planned, and mobile-friendly is the bare minimum. A site can be responsive without being mobile-first, which is why some older sites technically fit on a phone but still feel awkward to use.
Why the phone version matters most
Think about how people find a local business. They're between jobs, on the bus or on the sofa, and they pick up their phone. They want to know what you do, whether you cover their area and how to get hold of you. If your site makes that hard, they go back to the search results and try the next one.
Google works in a similar way. It uses the mobile version of a site's content to index and rank pages, which it calls mobile-first indexing. So if something is missing or broken on your phone version, that's the version Google is mostly looking at.
A good phone version won't guarantee you a top spot on Google, and nobody honest can promise that. What it does is remove a reason for customers, and Google, to pass you by.
A five-minute check you can do on your own phone
You don't need any technical tools for this. Grab your phone, turn off Wi-Fi so you're on mobile data like most customers, then search for your business on Google and open your site from the results.
Now check these six things:
- Can you tell what you do and where, within one screen? Without scrolling, a visitor should know what you offer and the area you cover.
- Does tapping your phone number dial it? If you have to copy and paste the number, you'll lose calls.
- Can you read the text without zooming? Pinching to zoom is a sign the site wasn't planned for phones.
- Can you work the menu with one thumb? Try opening it and reaching each page while holding the phone in one hand.
- Do pop-ups block the page? Cookie banners and offers shouldn't cover the content or be hard to close.
- Does the contact form work, and does the message actually arrive? Send yourself a test and check your inbox.
If you answered no to any of these, that's worth sorting. If you answered no to most of them, keep reading, because the "fix it or rebuild it?" section below is for you.
Want me to check it for you?
Send me your web address and I'll run a free website visibility check. I'll look at how your site works on a phone and send you a plain list of what's missing. If you want it fixed, we'll have a chat.
Common phone problems on older small business sites
Most sites built a few years ago share the same handful of faults. Here's what they are and what they tend to cost you:
- Text that's too small. People squint, give up and leave.
- Buttons and links packed close together. Visitors tap the wrong thing, get frustrated and go elsewhere.
- Huge images at the top of the page. On mobile data the page loads slowly, and many people won't wait.
- A desktop menu squashed onto a phone screen. If customers can't find your services or prices, they won't ask.
- Contact details buried at the bottom. If people have to scroll through everything to find your number, fewer of them call.
- Forms with too many fields. Every extra box is another reason not to finish the enquiry.
Fix it or rebuild it?
This is the question most guides skip, so here's an honest answer.
A small fix is usually enough if:
- the layout already rearranges itself when you view it on a phone, and
- only one or two of the six checks failed, such as small text or a phone number that doesn't dial.
Those problems can often be sorted without starting again.
A redesign is worth thinking about if:
- the site doesn't adapt to a phone screen at all, and you see a shrunk-down desktop page,
- it's built on a platform you can't edit or log in to any more, or
- it failed most of the six checks.
In those cases, patching it can end up costing more time and money than starting fresh. If that sounds like your site, my website redesign page explains how a rebuild works and what it involves.
What to ask for in a new website
If you're getting quotes for a new site, these questions will tell you a lot about how it will work on phones:
- Is it designed for phones first, then expanded for larger screens?
- Will it be tested on real iPhones and Android phones, not just on a computer?
- Does every phone number on the site tap to call?
- Are the images compressed so pages load quickly on mobile data?
- Will you see the mobile version before the site goes live?
Every TTPCreative.uk site is built this way, designed for phones first and tested on real phones, with the SEO basics included from the start. If you're a business in Edinburgh or anywhere else in the UK, my web design page explains how it works. Websites start from £850 for one page and £1,500 for up to five pages, with hosting from £18 a month, or hosting and care from £50 a month. If you'd like ongoing help to be found on Google, have a look at my SEO services.
FAQs
What is responsive web design?
Responsive web design means one website that rearranges itself to fit whatever screen it's viewed on, from a phone to a large monitor. You don't need a separate mobile site. The same pages, words and images adjust to the space available.
What is the difference between responsive and mobile-first web design?
Responsive web design means one website that rearranges itself to fit any screen. Mobile-first is a way of planning that kind of site: the phone version is designed first, with the most important things at the top, and then expanded for bigger screens. A site can be responsive without being mobile-first, which is why some older sites technically fit on a phone but are still awkward to use there.
Is mobile-friendly the same as responsive?
Not quite. Mobile-friendly just means the site can be used on a phone. Responsive means the layout properly adapts to each screen size, which usually gives a much better experience.
How do I check if my website is mobile friendly?
Turn off Wi-Fi, search for your business on your phone and open your site. Check that you can read the text without zooming, see what you do within one screen, tap your phone number to call, use the menu with one thumb and send the contact form. If you'd rather not do it yourself, I offer a free website visibility check and will send you a plain list of what's missing.
Does my website need to be rebuilt to work on phones?
Not always. If the layout already adapts to the screen and only a few things fail, such as small text or a buried phone number, those can usually be fixed. A rebuild is worth considering if the site doesn't adapt at all, is on a platform you can't edit, or fails most basic phone checks, because Google mainly uses the mobile version of a site for indexing and ranking.