Skip to content

Responsive redesign for mobile devices

A redesign that starts from the smartphone brings fast loading times and controls designed for the thumb.

Background

Many websites were designed for desktop and simply scaled down later. On a phone, they show tiny text, links that are hard to tap and slow loading times. Google assesses websites on their mobile version, so this costs both visitors and rankings.

Mobile first as a planning principle

We plan every page for the smallest screen first. That is where it becomes clear which content really matters. Larger screens get more space, but the same logic.

Loading time and technology

  • Images in AVIF or WebP, served via srcset at the right size

  • Few web fonts with a considered loading strategy

  • No unnecessary JavaScript, and third-party scripts reviewed

  • Caching and a CDN

We measure against the Core Web Vitals. Google counts an LCP of up to 2.5 seconds, an INP of up to 200 milliseconds and a CLS of up to 0.1 as good.

Touch controls and usability

WCAG 2.2 requires touch targets of at least 24 × 24 pixels, and key actions get more. Forms use the right input types, so a numeric keypad appears for phone numbers, for example. Navigation, calls, enquiries and the basket stay within reach of one hand.

Approach

  1. We analyse how your users use the website on mobile and where they drop off.

  2. The key page types are designed for the smartphone first.

  3. We implement the redesign in your existing system or plan a move to a new one.

  4. We test on real devices and protect your URLs and rankings.

Outcome

After launch, we compare loading times, bounce rates and enquiries with the figures from before.

Project enquiry

Back to top