Responsive Design


Webseiten ansehnlich und gut lesbar auf jedem Gerät

Im Web ist seit einiger Zeit "responsive Webdesign" DAS Thema schlechthin. Unternehmen und andere Agenturen die auf der Suche waren nach einer TYPO3 Agentur, die mit der Technologie geht, haben sich für uns in der Technologie-Stadt Karlsruhe entschieden.

In aktuellen Projekten wie bei beispielsweise der Baugenossenschaft - Etllingen, bei TKS oder Eurointelligence haben wir die Webseite responsive erstellt. 
Für eine Webseite die modern bleiben möchte ist das auch Pflicht, denn der Webseitenbesucher hat sich geändert, er ist nicht mehr nur am PC sondern verlagert seine Suche nach Informationen auch an andere Stellen, wie die U-Bahn, ein Wartezimmer oder abends die heimische Couch und durch diese neue Methode für Webseiten erreicht er ihre Webseite bequem mit der bleibenden hohen Qualität Ihres Internetauftritts. 

Was aber genau bedeutet "responsive Webdesign"?

  • Die Gestaltung ist dynamisch konzipiert und stellt sich je nach Device entsprechend dar.
  • Es ist keine extra "Mobile-Webseite" notwendig. Das bedeutet, es ist weniger Programmier- und Designaufwand nötig.
  • Da die Endgeräte in der Größe stark variieren wird es für den Betrachter immer so übersichtlich und benutzerfreundlich präsentiert wie möglich.
    das bedeutet, das sich die Webseite der Auflösung des Endgerätes anpasst und dementsprechend reagiert.
  • Höhere Reichweite um die Kunden zu erreichen.
  • Es wird immer der selbe Inhalt ausgeliefert. Der Website-Redakteur muss also keinen anderen Inhalt für eine mobile Webseite zusätzlich erstellen.

Aber warum jetzt dann "responsive Webdesign"?

Der immer größer werdende Markt von Tablets und Smartphones (egal ob Android, Windows Phone oder Apple) zeigen deutlich das immer mehr Menschen mobil im Internet unterwegs sind. Sie greifen dadurch überall auf Informationen zurück. Und aus diesem Grund sollte man die Gestaltung des eigenen Auftritts zwingend umdenken. Weg gehen von der starren Seite mit einer optimierten Version des Internetauftritts. Wenn man diesen Schritt geht, kann man überall mit seinen Kunden in Kontakt treten. Auch ist der Pflegeaufwand von nur einer Seite geringer als von mehreren. Sie benötigen nur einmal ein Bild und einmal den Text anstatt für jedes  Layout ein anderes.

Unser kleiner-großer Helfer für "responsive Webdesign"

Damit wir nun Ihr Projekt auch im "responsive Design" umsetzen können greifen wir auf Bootstrap zurück, ein Framework um die Webentwicklung zu unterstützen. Damit lassen sich mit überschaubarem Aufwand moderne Webseiten umsetzen.

Mittlerweile gibt es Bootstrap in der Version 3.0.3, welches ständig weiterentwickelt wird. Dieses Framework geht nach dem Grundsatz: "mobile first". das bedeutet das es für die Entwicklung von mobilen Seiten konzipiert wurde. Somit ist es ein leistungsstarkes Tool um Webseiten zu entwickeln. 

Folgende Webseiten haben wir bereits auf Basis von Bootstrap und TYPO3 "responsive" umgesetzt:

Und weitere Projekte die wir gerade auf Basis des "responsive Webdesign" umsetzen sind

  • Baugenossenschaft Ettlingen
  • Bautec AG
  • myPaperboy

 

Kategorien

  TYPO3

Hat dir der Artikel gefallen?

Werkraum News: