Konstruktiv.Konkret.Klar.

Die Vorteile unserer Arbeitsgemeinschaft.

xmediaconcept - Professionelles Webdesign aus Bremen

Struktur, Funktion, Optik —
wir gestalten neue Web-Welten.

Responsive Design

Responsive Design macht Ihre Website mobil

Responsive Design ist eine noch recht junge Disziplin innerhalb des Webdesigns. Der Begriff wurde 2010 geprägt von dem US-amerikanischen Webdesigner Ethan Marcotte. Grundlegendes Ziel des Responsive Design ist es, Websites gestalterisch wie technisch optimal für alle denkbaren Endgeräte, wie Desktop-PCs, Tablet-Computer oder Smartphones zu gestalten.

Diese Website ist optimiert für …

Vielleicht kennen Sie noch die Hinweise auf diversen älteren Websites: „Diese Website ist optimiert für den Browser … und eine Auflösung von … Pixeln.“ Diese Zeiten gehören mit Responsive Design nun endgültig der Vergangenheit an.

… alle Devices!

Mit Responsive Webdesign gilt: „Diese Website ist optimiert für alle Endgeräte.“ Ein professioneller Internetauftritt kann es sich nicht leisten, Besucher oder potentielle Kunden aufgrund eines bestimmten Browsers oder einer bestimmten Monitorauflösung auszuschließen.

Vom kleinsten Smartphone bis hin zum größten Monitor muss Ihre Website einen perfekten optischen Eindruck machen und auch auf einem Touch-Screen technisch optimal bedienbar sein.

Mit Hilfe sogenannter Media Queries wird je nach Auflösung des jeweiligen Endgeräts das Layout zum Teil komplett umgestaltet. Sidebars verschwinden, Elemente werden untereinander angeordnet, Schriften werden skaliert und vieles mehr.

Responsive Design Plus

Eine besondere Herausforderung ist das Verhalten von Bildern im Responsive Design. Üblicherweise werden große Bilder für kleine Endgeräte einfach in der Größe herunterskaliert. Bei einer langsamen Internetverbindung eines Smartphones kann dies allerdings erhebliche Ladezeiten verursachen.

Die Lösung liegt in der Technik responsiver Bilder. Je nach Endgerät werden auf dem Server selbst automatisch unterschiedlich große Versionen mit z. T. unterschiedlichen Ausschnitten erzeugt. So wird z. B. auf einem Smartphone nur eine sehr kleine Bildversion mit einem anderen Seitenverhältnis geladen, als auf einem Tablet oder einem Desktop-PC.

Sie wollen Ihre Besucher und Kunden auch auf mobilen Endgeräten perfekt bedienen? Xmediaconcept bietet Responsive Design Plus!

Lassen Sie sich von uns beraten!