Responsive Web Design UK

Why responsive design is not optional

Your customers use their phones more than anything else to go online. Ofcom's Online Nation 2025 report found smartphones account for 75% of men's and 79% of women's time online in the UK. StatCounter's figures for September 2026 put mobile phones at around 54% of UK web page views, with tablets adding about 5%.

Google sees your site the same way. In June 2024 Google Search Central announced that after 5 July 2024 the remaining desktop-crawled sites would be crawled only with Googlebot Smartphone. In practice, the mobile version of your site is the version Google indexes and ranks. If content is hidden or broken on phones, it may as well not exist for search.

How we build responsive sites

Responsive design means one website whose layout adapts to the screen, rather than a separate mobile site. The technical pieces we use on every build:

• Viewport meta tag so phones render at device width instead of a zoomed-out desktop page
• Mobile-first CSS: the base styles are for phones, with media queries adding layout as space allows. Typical breakpoints sit around 600, 900 and 1200 pixels, but we set them where the content needs them, not by device
• Fluid grids with CSS grid and flexbox, and container queries for components that sit in different widths
• Fluid type using clamp() so headings scale smoothly, with body text no smaller than 16px on phones
• Responsive images with srcset and sizes, served as WebP or AVIF, with width and height set so nothing jumps as it loads
• Touch-friendly targets: WCAG 2.2 sets a 24 by 24 CSS pixel minimum at level AA; we aim for around 44 pixels on primary buttons

We also test the awkward in-between sizes: small phones around 360 pixels wide, phones held sideways, tablets in portrait and laptops with browser windows half the screen wide. Those are where most layout bugs hide, because many designers only check one phone and one desktop.

Speed on real phones

A phone on a patchy 4G signal is the hardest test for any website, and it is the one Google measures most. web.dev defines good Core Web Vitals as Largest Contentful Paint within 2.5 seconds, Interaction to Next Paint within 200 milliseconds and Cumulative Layout Shift of 0.1 or less, measured at the 75th percentile of real visits. On phones we hit those by:

• Loading the main image early and lazy loading the rest
• Keeping JavaScript small, since slow phones take longer to run it
• Avoiding layout shifts from late banners, fonts and embeds
• Serving smaller images to smaller screens

Read more on SEO-friendly web design.

Phone layouts that convert

Responsive isn't just about things fitting. It's about the phone layout doing its job. On mobile we put the phone number and the main action within thumb reach, often as a sticky bar. Forms use the right input types so phones show a number pad for phone numbers and an email keyboard for emails. Footers collapse into tap-to-open sections so contact details stay prominent instead of being buried under a long list of links. Tables of prices or specifications reflow or scroll inside their own box rather than breaking the page. More on this approach under conversion-focused web design and UX design.

Fixing a site that isn't responsive

If your current site was built for desktop, it is usually quicker and cheaper to rebuild than to retrofit. A website redesign starts from £250 + VAT and keeps your rankings by redirecting old URLs. If the site is responsive but tired, a refresh may be enough. All our new builds are responsive as standard: Starter from £250 + VAT, Business from £500 + VAT and Ecommerce from £750 + VAT. See pricing or send us your URL and we'll tell you what's wrong on mobile.

What you get

• Phone, tablet and desktop designs signed off before build
• Fluid layouts using CSS grid and flexbox
• A mobile menu and footer designed for one-handed use
• Sticky click-to-call or enquiry button on phones
• Responsive images served at the right size for each screen
• Device testing report before launch

Prices and how it works

Websites from £250 + VAT, business websites from £500 + VAT and ecommerce from £750 + VAT. Small changes are £45 an hour + VAT. You get a fixed quote before we start.

1. Free chat

   Tell us about your business, who your customers are and what the website needs to do. No charge, no obligation.

2. Fixed quote

   You get a fixed price and a clear list of what is included, in writing, before anything starts.

3. Design

   We plan the pages and design the site around your customers, then share it for your comments.

4. Build and test

   We build it mobile-first, write or polish the copy, set up SEO foundations and test it on real phones.

5. Launch and hand over

   We launch, connect analytics and Search Console, and show you how to update it. You own it all.

Related