Website-Relaunch für das Projekt EUROSTUDENT

Wenn eine (Projekt-)Website mit den Jahren stetig um neue Inhalte und Strukturen gewachsen ist, muss etwas neues – eine zeitgemäße und zielgruppenorientierte Website her.
So beauftragte uns Anfang 2019 das DZHW aus Hannover mit der Überarbeitung der Projekt-Website eurostudent.eu.

Sicherlich überzeugte bei der gewonnenen Ausschreibung auch, dass wir 2016 schon einmal für das DZHW im Rahmen des Projekts „Responsives Webdesign für Fragedokumentationen" gute Arbeit geleistet haben oder bereits an anderen Ausschreibungen mit dem Fokus auf wissenschaftliche Inhalte teilgenommen haben. Aber das wollten und konnten wir in diesem Relaunch-Projekt erneut unter Beweis stellen.

Von großem Vorteil ist es, die Ziele – die ein Auftraggeber mit einem Relaunch verbindet – zu kennen bzw. diese klar formuliert genannt zu bekommen. Das ist die Richtschnur all unserer Maßnahmen und danach sollte ein Projekt letztendlich auch gemessen werden können.

Formulierte Ziele im Projekt waren:

• Modernisierung des optischen Erscheinungsbildes des Webauftrittes,
• Sicherung eines hohen Standards bei der Benutzerfreundlichkeit und -attraktivität (Usability) insbesondere bei der Navigation und Auffindbarkeit der wichtigsten Inhalte (Key contents), v.a. Berichte und Daten
• Darstellung von EUROSTUDENT als professionelle, nicht-kommerzielle, wissenschaftliche und unabhängige Befragung.

Wie schafft man schnell und einfach Zugang zu Informationen und wie bereitet man diese optimal für seine Zielgruppe auf? Grundlage dafür ist immer eine Analyse. Nutzer haben eine Erwartungshaltung und der kann man nur gerecht werden, wenn diese auch bekannt ist. So starteten wir auch bei diesem Projekt mit einem gemeinsamen Workshop in dem über die Nutzeranalyse der Veränderungsbedarf festgelegt und die technischen Rahmenbedingungen geklärt wurden.

Eine besondere Hausforderung war es, die Website barrierefrei aufzubauen bzw. zugänglich zu machen. Die Einhaltung der Anforderungen der Priorität I (Barrierefreie Informationstechnik-Verordnung - BITV 2.0) musste sichergestellt werden. Dies beinhaltete u.a. die Einhaltung solcher Mindestanforderungen wie:

• Kontraste, Farbgebung, Schriften mindestens in Konformitätsstufe AA (Colour Contrast Analyser),
• Erreichbarkeit sämtlicher Seiten und Menüpunkte auch ohne Javascript und CSS,
• Einbindung einer unsichtbaren Sprungnavigation (Skip-Links),
• Ausstattung aller Bilder mit alt-Text.

Zudem sollte die Website auf unterschiedlichen (mobilen) Endgeräten (Desktop, Tablet, Smartphone, Beamer) und Browsern uneingeschränkt funktionieren und die Darstellung von Menü und Inhalt dem Endgerät entsprechend optimiert sein (responsives Design).