Mobile Webdesign Tipps
Webseiten werden inhaltlich und im Design oft nur für die Desktop Variante optimiert.
Hier findest du ein paar Tipps, wie du die Mobile Variante inhaltlich und gestalterisch optimieren kannst.
Tipps
- Unnötige Sections in der Mobile Variante entfernen
- Listen durch Carousels ersetzen. So wird vertikaler Platz eingespart und es kann gleich viel Inhalt angezeigt werden
- Bei grossen Seiten die Suche sehr einfach zugänglich machen (z.B. in Navbar)
- CTA in Hero Section einsetzen: Da die Navigationspunkte nicht auf den ersten Blick sichtbar sind, sollte der wichtigste Link als CTA in der Hero Section gezeigt werden.
- Empfohlene Textgrössen:
- <p>: 12-16px
- h1: <p> x2.5 (→ 24-32px) - Titel sollten nur 2-3 Zeilen einnehmen
- Mehr Overlay Elemente verwenden (z.B. Filter, Newsletter Formular, Team Member Details)
Veröffentlicht am
geändert am
