Profil
~Uni Kassel -~~

Uni Kassel -
UX, Design, Frontend und TYPO3 für die Uni und ihre Fachbereiche

Die Ausgangssituation

Die 1971 gegründete Universität Kassel zeichnet sich vor allem durch ihre vielfältige und interdisziplinäre Forschung und Lehre aus.

Auf ihrer Website informiert die Uni Kassel umfassend über ihre Studiengänge, Fachbereiche und Institute, ihre Forschung, das Leben in Kassel und vieles mehr. Der Auftritt umfasst tausende von Seiten, gruppiert in Sub-Websites – z. B. für die Fachbereiche – mit jeweils bis zu vier eigenen Navigationsebenen und zahlreichen Gestaltungs- und Inhaltsformaten.

Dass die zahlreichen Inhaltsangebote für ganz verschiedene Zielgruppen gedacht sind, war im alten Design kaum ersichtlich. Ein weiteres Problem war die mangelnde Responsivität der Website, hier dringender Handlungsbedarf.

Unsere Aufgabe

Die sich durch die vielen Inhalte, Schwerpunkte und Sub-Websites ergebende Komplexität war die große Herausforderung dieses Projektes.

  • Im Fokus stand die Entwicklung eines neuen responsiven Designs, das wir auf Basis des Atomic Design Ansatzes realisierten: Kleine Gestaltungseinheiten wie Farben und Schriften, die zu immer komplexeren Funktionen, Elementen und Seiten modular zusammengesetzt werden können.
  • Da eine weitere Anforderung die Migration aller Inhalte war, musste sichergestellt werden, dass jedes bisherige Element im alten Design eine Entsprechung im neuen fand.
  • Auf konzeptioneller Ebene galt es, die diversen Zielgruppen und ihre Bedürfnisse besser zu verstehen. Dazu gehörten u. A. Studieninteressierte, Bewerber*innen, Studierende, Wissenschaftler*innen und Mitarbeitende. Die Nutzenden sollten künftig auf möglichst klaren und kurzen Wegen zu den für sie passenden Inhalten gelangen. Gleichzeitig war wichtig, im Geflecht der Subwebsites eine verbesserte Orientierung zu schaffen.
  • icht zuletzt wünschte sich die Uni Kassel Beratung und Unterstützung bei der zielgruppen- und suchmaschinengerechten Überarbeitung zentraler Inhalte. Da es über die Sub-Websites hinweg etwa 1.500 redaktionsberechtigte Mitarbeitende gibt, waren entsprechende Schulungen für potentiell große Teilnehmerzahlen auszurichten.

Umsetzung & Weiterentwicklung

  • Wir entwickelten sechs gut fundierte Personas, stellvertretend für die wichtigsten Zielgruppen; so fiel das Hineinversetzen in die Nutzenden von Beginn an leicht.
  • Mithilfe unserer Zielgruppenmatrix, die Content und Personas in Bezug zueinander setzt, ließ sich die Gewichtung und Priorisierung der verschiedenen Inhalte erheblich vereinfachen, um so die für die Website gesetzten Ziele möglichst gut erreichen zu können.
  • Ausgehend von unserem Basisdesign entwickelten wir gemeinsam mit der Uni Kassel das Screen-Design weiter. Hierbei stand die Verwendung feiner Linien, die für das Uni Kassel CD typisch sind, sowie farbiger Flächen zur Hervorhebung besonders wichtiger Informationen im Vordergrund. 
  • Auf Basis des CSS-Frameworks Bootstrap entwickelten wir das Frontend. Hierbei implementierten wir zahlreiche spezifische Anpassungen, um den hohen Ansprüchen im Bildungsbereich und den Anforderungen an die Barrierefreiheit der Website gleichermaßen gerecht zu werden.
  • Seit dem Launch der Dachseite unterstützen wir die Uni Kassel kontinuierlich in der Weiterentwicklung ihres Webangebots.

Steckbrief

  • URL: https://www.uni-kassel.de
  • Kunde: Universität Kassel
  • Branche: Universität
  • Umsetzung: Launch der Dachseite im Juni 2018, fortlaufende Weiterentwicklung, Launch der Studiengänge 2020/21
  • Technologie: Bootstrap 4, HTML5 / CSS, Jenkins
  • Leistungen: UX-Beratung, Konzeption, Design, responsive Frontend-Umsetzung, Einrichtung eines Build-Prozesses 
Aktuell