Das Online-Journal wieninternational.at präsentiert sich in neuem Glanz. In den letzten Monaten haben Designer, Techniker und die Redaktion von Wien International mit vollem Einsatz am neuen Auftritt gearbeitet. StudiosDigital unterstützte den Relaunch konzeptionell und realisierte ihn technisch.
 |
 |
|
Die neue Website mit Drupal 7 |
Die alte Website |
Die Herausforderung:
Ein Relaunch bedeutet ein neues Design und oft ein neues Content Management System (CMS). Da die alte Website auf Drupal 6 basierte, war eine Überlegung, auf das bestehende Site-Building aufzubauen und das Theme neu zu entwickeln.
Mit den Projekt-Anforderungen:
- Responsive Web Design
- Accessible / Barrierearm
und nach mehreren Meetings mit allen Projektbeteiligten war klar: wir brauchen ein neues CMS „Fahrwerk“. Damit ergaben sich auch noch weitere Anforderungen für die neue Drupal 7 Website:
- News-Website in 2 Sprachen (Englisch/Deutsch) – Sprachwechsel jederzeit auch auf Unterseiten möglich
- 11 Sprachen in einem Unterbereich der Website
- User Registrierung und ein User-Bereich mit archivierten Inhalten
Bei der Konzeption der Website war zu beachten, dass alte Inhalte (über 25.000 Unterseiten), und registrierte User, von der alten Site transferiert, oder anders gesagt „migriert“, werden mussten. Dabei sollten natürlich alle URLs inklusive Pfade aller Unterseiten erhalten bleiben. So bleiben externe Links auf die Website erhalten – aus Gründen der Suchmaschinen Optimierung ein wichtiger Faktor beim Relaunch!
Die Migration ist zeitlich kein einzelner Vorgang kurz vor dem Onlinegang, sondern läuft ständig parallel zur Umsetzung. Die Struktur und Form (z.B. Größe von Bildern) der alten Inhalte beeinflusst die Umsetzung der neuen Website – was eine intensive Kommunikation zwischen Website-Entwicklern, Migrations-Entwicklern und dem Kunden erfordert. Besonders danken wollen wir an dieser Stelle, neben dem ganzen Wien-International Team, Peter Windholz für die hervorragende Zusammenarbeit über den gesamten Projektverlauf!
Die Umsetzung:
Strukturell hat die Website hat nun eine einfache und logische Gliederung der Infomationen mit horizontaler Navigation für die Haupt-Bereiche und Ausklappmenu für die Untermenüpunkte.
Das neue Design, von DV5 und Florian Kastner-Galle, unterstreicht den Österreich/ Stadt Wien Charakter der News-Website: mit kräftigen roten Farben und großen Teasern. Der Fokus des Redesigns lag auf der Implementierung eines Responsive-Designs. Das Raster der Seite wurde verbreitert und für vier verschiede Screenbreiten optimiert (für Mobiltelefone, Tablets im Hoch- und Querformat sowie Desktop Browser). Die Artikel-Detailseiten wurden auf Lesbarkeit in allen Bildschirmauflösungen optimiert.
Multimediale und Interaktive Inhalte, in Form von Slideshows und Videoblöcken, sorgen für mehr Aufmerksamkeit und Spass beim Lesen. Doch nicht nur äußerlich hat sich viel verändert - unter der Haube werkelt ein neuer „Drupal 7 „ Website-Motor:
Die HTML5 Website wurde komplett neu mit dem CMS Framework „Drupal 7“ entwickelt. Das Theme wurde als Responsive Grid-System umgesetzt: Per CSS3 Media Queries, wird die Screengröße und andere Eigenschaften des jeweiligen Geräte abgefragt. Navigation, Bilder und Schriftgrößen werden dynamisch an die verschiedenen Screengrößen angepasst. So wird der jeweils auf einem Gerät vorhandene Raum, vom Mobiltelefon bis zum großen Monitor, optimal für die Darstellung der Inhalte genutzt.
Besonderen Wert haben wir auf eine Barrierearme Zugänglichkeit der neuen Website gelegt. Dazu haben wir uns am BITV Test orientiert. Funktional bietet die Website nun eine Schriftvergrößerung, sowie eine Vorlesefunktion und eine komfortable Druckfunktion.
Auch die Usability des Backends für die Redaktion wurde optimiert: die einzelnen Felder von verschiedenen Typen von Unterseiten wurden sinnvoller strukturiert und die Layoutvarianten der Bildblöcke im Fließtext wurden stark vereinfacht. Die wöchentlichen Ausgaben können nun einfach aus Referenzen zu Artikel-Detailseiten zusammengestellt werden und die Reihenfolge der Artikel kann per Drag & Drop verändert werden.
Das Ergebnis:
Dieses Projekt zeigt was mit Drupal möglich ist: eine moderne responsive, barrierearme, mehrsprachige Nachrichten-Site, die jederzeit und überall informiert. Auch all die Menschen die heute schon mobile Devices wie Smartphones und Tablets nutzen (z.B. 56% Prozent der Internetnutzer in Österreich).
Wir freuen uns, dass wir dieses Projekt mitgestalten durften und hoffen, dass es allen Lesern von wieninternational.at gefällt.