Mediagourmet

Web Entwicklung • Redaktionssysteme • Soziale Medien

Projekt Pacha München

 
Pacha München
Pacha München
Technisches und reagierendes (responsive*) Update pacha-muenchen.de

Die Herausforderung bei diesem Projekt bestand darin, die vorhandene Seite (läuft auf Redaktionssystem zikula) aufgrund der Google** Anpassung in ein responsives Design zu überführen.
Aufgrund der strikten Trennung zwischen Inhalt und Design sowie dem 4-spaltigen Aufbau der Seite hielt sich der programmiertechnische Aufwand in Grenzen (sowohl zeitlich als auch kostentechnisch). Hier hat sich die vorrausschauende Programmierung beim Launch des Projekts bezahlt gemacht.


**Google hat seit 21.4.2015 seinen Algorithmus für die mobile Suche grundlegend verändert und bevorzugt auf mobilen Geräten optimierte Webseiten.

mehr Info auf Golem.de (Artikel vom 31.3.2015, 09:30)
    
*Was ist responsives Webdesign ?
Responsive Webdesign stellt eine aktuelle Technik zur Verfügung, welche es ermöglicht mit Hilfe von HTML5 und CSS3 Media-Queries das einheitliche Anzeigen von Inhalten auf einer Website zu gewährleisten. Hierbei wird das Layout einer Website so flexibel gestaltet, dass dieses auf dem Computer- Desktop, Tablet und Smartphone eine gleichbleibende Benutzerfreundlichkeit bietet und der Inhalt gänzlich und schnell vom Besucher aufgenommen werden kann.

Bedeutung von "Responsive Webdesign"
"Form follows function" - beim Responsive Webdesign folgen Funktion, Design und Inhalt der jeweiligen Bildschirmauflösung des verwendeten Desktop, Tablet oder Smartphone.
Der Begriff Responsive Webdesign bedeutet im übertragenen Sinne "reagierendes Webdesign". Inhalts- und Navigationselemente sowie auch der strukturelle Aufbau einer Website passen sich der Bildschirmauflösung des mobilen Endgeräts an – es reagiert auf und korrespondiert mit der Auflösung des mobilen Endgeräts. Responsive Webdesign folgt dem Nutzer, und nicht wie gegenwärtig, der Nutzer den meist starr konstruierten Layouts konventioneller Websites und Online-Shops.

Vorteile der "Mobile Website Optimierung"
Die Vorteile von Responsive Webdesign zeigen sich in Statistiken und Trends zur Nutzung mobiler Endgeräte. Der steigende Marktanteil von Smartphones und Tablets wie iPhone und iPad erzwingen auch das Umdenken beim Gestalten von Webseiten. Wurde bis dato für eine Bildschirmauflösung von maximal 1000px Breite auf dem Computer- Desktop optimiert, muss heutzutage auf eine Vielzahl verschiedener Endgeräte Rücksicht genommen werden:

Bei einer strikten Trennung von Mobil- und Desktop-Version der Website, also einer nicht responsive fähigen Website, entsteht ein erhöhter Pflegeaufwand von redaktionellem Content und Bildmaterial. Dazu kommt, dass die Website unter Umständen für zukünftige Tablet- oder Smartphone-Formate eine dritte oder vierte Version des Layouts benötigt. 




  Kategorie Best of
Kategorie Webseite
Technik CMS
Weblink Weblink
Relaunch Relaunch 2015
Projekt Nummer # 130

<< zurück


Hits: 3419

Hinweis:
Aus Gründen des © werden einige meiner Arbeiten hier nicht angezeigt oder verlinkt. Ebenso kann ich keine Gewähr dafür übernehmen, dass die Projekte nach der Übergabe noch meiner Programmierung oder meinem Design entsprechen.