Responsive Webdesign aus Hannover

Internetseite für Benkstein Haustechnik/Nordhausen

Responsive Webdesign – was ist das?

Haben Sie sich schon einmal eine Homepage mit dem Smartphone besucht und dabei festgestellt, dass Sie große Schwierigkeiten bei der Navigation und beim Erkennen der Inhalte haben? Vermutlich haben Sie diese Internetseite schnell wieder verlassen. Responsive Webdesign ist nichts anderes, als dem Besucher immer die für ihn optimale Variante einer Homepage zur Verfügung zu stellen. Dabei wird die Seite so programmiert, dass sie sich immer an die jeweiligen Endgeräte mit ihren unterschiedlichen Monitorgrößen anpasst.

Ziel des Responsive Webdesign ist es Homepages für jeden Besucher übersichtlich und benutzerfreundlich darzustellen. Neben der Größe des Anzeigegerätes spielen unter anderem Auflösung, verwendete Eingabemethoden, wie Maus oder Touchscreen oder die Geschwindigkeit der Internetverbindung eine Rolle. Zudem werden besondere Anforderungen an die Gestaltung gestellt. Das betrifft die Anordnung und Darstellung einzelner Elemente, wie z.B. Navigation, Layout, Bilder, Schriftgrößen und -farben.

Das starre Webdesign einer Homepage ist heute nicht mehr zeitgemäß, da es immer mehr Geräte gibt, mit denen der Benutzer eine Internetseite besuchen kann. So hat das mobile Internet stark an Bedeutung gewonnen. Internetseiten, die dafür nicht optimiert werden, werden entweder durch den Besucher oder durch die großen Suchmaschinen abgestraft.

Responsive Web-Design – Kurzbeschreibung

Konzept
Web-Design
Programmierung
HTML/CSS
Bildbearbeitung
Text

Benkstein Haustechnik ist eine Klempnerfirma aus Nordhausen in Niedersachsen. Über den Buderus Starclub kam diese Partnerschaft zustande. Auch Herr Benkstein hatte vorher noch nie etwas über responsive Webdesign gehört, war aber schnell davon überzeugt. Denn mit ein wenig Mehraufwand kann man einen großen Nutzen ziehen und leicht ein responsives Design erstellen.

Navigation, Bilder, Texte und andere Elemente passen sich automatisch an das jeweilige Endgerät an. So hat man auf einem Desktop-PC mit großem Monitor beispielsweise eine horizontale Navigation und eine großzügige Gestaltung mit bildschirmfüllenden Bildern. Schaut der Besucher sich die Seite auf dem Smartphone an, bekommt er eine aufklappbare platzsparende Navigation. Bilder und Layout passen sich mithilfe an das Display an. Für unterschiedliche Auflösungen werden mit Hilfe des responsive Webdesign auch verschiedene Varianten von Bildgrößen bereitgestellt. Ein Bild auf einem Desktop-PC hat viel größere Abmessungen als eines auf einem Smartphone-Display. So können Ladezeiten beschleunigt werden.

Die Farbgestaltung leitet sich vom Logo ab. Wichtige Elemente sind daher in Blau gehalten. Zudem werden besonders wichtige Elemente mit immer wiederkehrenden Farben anschaulich strukturiert. Viele Bilder, Piktogramme, Animationen und Videos unterstützen die Texte der Homepage wirksam. Der Besucher wird somit ausreichend über das Leistungsangebot der Firma aus Nordhausen informiert.

Homepage Grundfarben

Homepage Schriften

Source Sans Pro Bold

Überschriften

Source Sans Pro

Grundtext