A website can work on a phone and still lose you business. Every page can load and resize perfectly, yet the whole thing can still be a chore to use.<\/p>\n
Many businesses assume a responsive website is a mobile-friendly one, but they aren’t the same thing. If your site needs people to book, buy, log in or get in touch, that difference can cost you customers.<\/p>\n
Responsive design means a page adapts to the screen. Mobile-friendly design means someone has thought about how a person will actually use that page on a phone.<\/p>\n
On a typical responsive site, the desktop blocks simply stack into one long column. For a brochure site that mainly shares information, that can be perfectly fine.<\/p>\n
Functional sites are different. If people need to book, buy or log in, a long column can bury the very thing they came for. Extra images add more scrolling, and drop-downs that make sense on desktop can feel clumsy on a phone.<\/p>\n
Responsive design is still the right foundation, and Google recommends<\/a> it. It’s just where mobile design starts, not where it ends.<\/p>\n One of our clients takes tour bookings online. Their website worked well on desktop, but the mobile version hadn’t really been considered at all.<\/p>\n It was technically responsive, with each block cascading down the page. Once we looked at it properly, though, it was clear that booking wasn’t easy. The price wasn’t where it should have been, and neither was the Book Now button.<\/p>\n That mattered because about 60% of their users were on mobile. So we took a deep dive into the user experience and made the journey intuitive for someone booking on their phone. The change had a significant impact on conversion.<\/p>\n The interesting part is that nothing was technically broken. The site simply hadn’t been designed for the way most of its customers were using it.<\/p>\n A good mobile site loads quickly, makes things easy to find and gets people to what they need with as little effort as possible. These are the areas that matter most.<\/p>\n Speed is one of the biggest issues on mobile. Cloudflare data analysed by TechnologyChecker<\/a> puts the main UK mobile networks at 47\u201364 Mbps, compared with 170\u2013275 Mbps for the big fixed broadband providers. A page that feels instant in the office can drag on a phone, so optimising images is essential.<\/p>\n Google’s Core Web Vitals give you clear targets. The main content should load within 2.5 seconds, the page should respond to taps within 200 milliseconds, and the layout-shift score should be 0.1 or less. These are measured using real visitors<\/a>, and missing just one target fails the page.<\/p>\n Google uses the mobile version of your site<\/a> for indexing and ranking. So cut clutter from mobile pages, but keep the content that matters.<\/p>\n Google warns that having less content on mobile can cost you traffic. Its suggestion is to move content into accordions or tabs instead of removing it.<\/p>\n A mobile menu has to do more than open and close. People should be able to reach what they need quickly, without hunting around or getting frustrated.<\/p>\n Forms and logins shouldn’t just work, they should feel easy. Typing on a phone is slow, so Stripe recommends<\/a> using the right keyboard for each field, turning on autofill and offering Apple Pay or Google Pay at checkout.<\/p>\n The stakes are high. Stripe reported that mobile basket abandonment was roughly 79% globally in May 2025, compared with about 67% on desktop.<\/p>\n The accessibility minimum for tap targets is 24 x 24 pixels<\/a>, or enough space around smaller ones. For the buttons that matter most, aim higher: Stripe suggests at least 44 pixels and placing key actions where thumbs naturally land.<\/p>\n Consistent text sizes make a site easier to read and scan. If sizes jump around from page to page, it looks careless and makes people work harder than they should.<\/p>\n At Say Web Design, every key page gets its own mobile design. Having only a desktop design just isn’t enough, especially on a functional website.<\/p>\n We can see that process changing. In some cases, we expect to design for mobile first and then look at desktop.<\/p>\n The numbers support that. Cloudflare data analysed by TechnologyChecker<\/a> puts mobile at 53.6% of human UK web traffic in Q3 2026, and about 60% at weekends over the summer. That’s down from 58% a year earlier, but phones are still the majority.<\/p>\n Your own audience could look quite different, as our tour client’s 60% shows. Check your analytics before you decide how much attention mobile deserves. There’s a good chance the answer is more than it’s getting.<\/p>\n Pick up your phone, open your own website and look at it carefully, as if you’ve never seen it before. Then ask yourself:<\/p>\n If the answer to those questions is no, it’s time to take a proper look at your website.<\/p>\n Good looks alone don’t make a good website. Your site is your shop window, but it also has to be user-friendly and get people to the information they need. Otherwise, it’s effectively pointless.<\/p>\n Plenty of people will look you up on their phone, perhaps while they’re out or just after you’ve handed them a business card. That’s your chance to make a great first impression, and it’s well worth the extra time it takes to get mobile right.<\/p>\n If your site didn’t pass the test, get in touch with Say Web Design and we’ll help you work out what needs to change.<\/p>\n A responsive website isn\u2019t always mobile-friendly. Learn what modern mobile design requires, with a real booking case study and a quick test for your site.<\/p>\n","protected":false},"author":1,"featured_media":1090,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,4],"tags":[],"class_list":["post-1088","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-responsive_web_design","category-visual-branding-creative-design"],"aioseo_notices":[],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/www.saywebdesign.co.uk\/blog\/wp-json\/wp\/v2\/posts\/1088","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.saywebdesign.co.uk\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.saywebdesign.co.uk\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.saywebdesign.co.uk\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.saywebdesign.co.uk\/blog\/wp-json\/wp\/v2\/comments?post=1088"}],"version-history":[{"count":8,"href":"https:\/\/www.saywebdesign.co.uk\/blog\/wp-json\/wp\/v2\/posts\/1088\/revisions"}],"predecessor-version":[{"id":1098,"href":"https:\/\/www.saywebdesign.co.uk\/blog\/wp-json\/wp\/v2\/posts\/1088\/revisions\/1098"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.saywebdesign.co.uk\/blog\/wp-json\/wp\/v2\/media\/1090"}],"wp:attachment":[{"href":"https:\/\/www.saywebdesign.co.uk\/blog\/wp-json\/wp\/v2\/media?parent=1088"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.saywebdesign.co.uk\/blog\/wp-json\/wp\/v2\/categories?post=1088"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.saywebdesign.co.uk\/blog\/wp-json\/wp\/v2\/tags?post=1088"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\nCase study: the Book Now button that wasn’t pulling its weight<\/h2>\n
\nWhat a good mobile site needs today<\/h2>\n
Speed<\/span><\/h4>\n
Content Google can still find<\/span><\/h4>\n
Menus that help people find things<\/span><\/h4>\n
Forms and logins that feel intuitive<\/span><\/h4>\n
Buttons built for thumbs<\/span><\/h4>\n
Consistent text<\/span><\/h4>\n
\nHow we design for mobile<\/h2>\n
\n
\nTry the first-impression test<\/h2>\n
\n
\nYour website is your shop window<\/h2>\n
\nSources<\/h2>\n
\n