Web & E-Commerce
Websites und Online-Shops, die gut aussehen, schnell laden und gefunden werden – von der Strategie bis zum laufenden Betrieb.
Responsive Design: Eine Website für alle Bildschirme
Responsive Design bedeutet, dass sich eine Website automatisch an die Bildschirmgröße anpasst. Ob Smartphone, Tablet oder großer Monitor: Inhalte, Bilder und Navigation ordnen sich so an, dass alles gut lesbar und bedienbar bleibt – ohne Zoomen und seitliches Scrollen.
Wie funktioniert das?
Statt für jedes Gerät eine eigene Seite zu bauen, gibt es eine Website mit flexiblem Layout. Sogenannte Breakpoints legen fest, ab welcher Breite sich die Darstellung ändert. Aus drei Spalten auf dem Desktop werden zum Beispiel zwei auf dem Tablet und eine auf dem Smartphone. Bilder skalieren mit und werden in passender Größe geladen.
Mobile First
Heute kommen bei vielen Websites mehr Besuche vom Smartphone als vom Desktop. Deshalb wird meist zuerst die mobile Ansicht geplant und dann für größere Bildschirme erweitert. Auch Google bewertet Websites inzwischen grundsätzlich anhand ihrer mobilen Version.
Worauf es ankommt
- gut lesbare Schriftgrößen ohne Zoomen
- Buttons und Links, die sich mit dem Finger treffen lassen
- Bilder in der passenden Auflösung für schnelle Ladezeiten
- Navigation, die auch auf kleinen Bildschirmen übersichtlich bleibt
Wie wir dich unterstützen
Alle unsere Websites entstehen responsiv und werden auf gängigen Geräten getestet. Mehr dazu auf unserer Seite zu Web & E-Commerce.
