Responsive Redesign für Mobilgeräte
Ein Redesign, das beim Smartphone beginnt, bringt kurze Ladezeiten und eine Bedienung mit dem Daumen.
Ausgangslage
Viele Websites wurden für den Desktop entworfen und später nur verkleinert. Mobil zeigen sie winzige Schrift, schwer treffbare Links und lange Ladezeiten. Da Google Websites nach ihrer mobilen Version bewertet, kostet das Besucher und Rankings.
Mobile First als Planungsprinzip
Jede Seite planen wir zuerst für den kleinsten Bildschirm. Dort zeigt sich, welche Inhalte wirklich wichtig sind. Größere Bildschirme erhalten mehr Raum, aber keine andere Logik.
Ladezeit und Technik
Bilder in AVIF oder WebP, über srcset in passenden Größen
Wenige Webfonts mit durchdachter Ladestrategie
Kein unnötiges JavaScript, Skripte von Drittanbietern geprüft
Caching und ein CDN
Maßstab sind die Core Web Vitals. Als gut gelten nach Googles Schwellenwerten ein LCP bis 2,5 Sekunden, ein INP bis 200 Millisekunden und ein CLS bis 0,1.
Touch-Bedienung und Usability
WCAG 2.2 fordert für Klickflächen mindestens 24 × 24 Pixel, wichtige Aktionen erhalten mehr. Formulare nutzen passende Eingabetypen, damit z. B. bei Telefonnummern die Zifferntastatur erscheint. Navigation, Anruf, Anfrage und Warenkorb bleiben mit einer Hand erreichbar.
Vorgehen
Wir werten aus, wie deine Nutzer die Website mobil nutzen und wo sie abspringen.
Die wichtigsten Seitentypen entstehen zuerst in der Smartphone-Fassung.
Wir setzen das Redesign im bestehenden System um oder planen einen Systemwechsel.
Wir testen auf echten Geräten und sichern URLs und Rankings ab.
Ergebnis
Nach dem Launch vergleichen wir Ladezeiten, Absprungraten und Anfragen mit dem Stand vorher.