Redesign Web Frontend der Veranstaltungsübersicht am Campus Gummersbach


Neva Kizilaslan & Cihan Eryetli & Bünyamin Ersoy

Kontext
TH Köln, Campus Gummersbach
Modul
Screendesign
Semester
Wintersemester 2025/26
Studiengang
Medieninformatik Ba.

Kurzdokumentation: Redesign der Veranstaltungsübersicht an der Fakultät 10

Das Redesign der Veranstaltungsübersicht für die Fakultät 10 der TH Köln war für uns weit mehr als ein reines optisches Facelift. Das bisherige System ähnelt eher einer starren, administrativen Datenbankabfrage. Wer fünf Minuten vor der Vorlesung seinen Raum auf dem Smartphone suchte, musste sich mühsam durch sechs verschachtelte Dropdown-Menüs kämpfen. Unser zentrales Ziel in diesem Projekt war es, diese tägliche Frustration aufzulösen. Wir wollten ein Interface schaffen, das den echten Campusalltag versteht und unterstützt, zugänglich, reaktionsschnell und nutzerzentriert.

Ein zentrales Element des Prototyps ist die flexible Kalenderdarstellung. Je nach Endgerät und Nutzungssituation stehen eine Tages-, Wochen- und Monatsansicht zur Verfügung. Während auf mobilen Geräten eine kompakte Darstellung mit möglichst wenigen Interaktionsschritten im Vordergrund steht, nutzt die Desktop-Version den größeren Bildschirmraum für eine detailliertere Übersicht. Ergänzend dazu gibt es spezielle Ansichten für Raumplanung und freie Räume, sodass das System nicht nur für Studierende, sondern auch für Lehrende und Mitarbeitende mit Organisationsaufgaben sinnvoll einsetzbar ist.

Die Interaktion wurde bewusst auf eine schnelle und intuitive Bedienung ausgelegt. Veranstaltungen werden in Form von Kacheln dargestellt, die sich bei Bedarf erweitern lassen und dann zusätzliche Informationen wie Raum, Uhrzeit, Dozierende, Veranstaltungstyp oder weitere Details anzeigen. Dadurch bleibt die Oberfläche im Normalzustand ruhig und reduziert, ohne auf wichtige Inhalte zu verzichten. Besonders bei der Planung von Wahlterminen und gruppenabhängigen Veranstaltungen sorgt dieses Prinzip dafür, dass Nutzer ihre Termine schneller vergleichen und passende Optionen auswählen können.

Ein weiterer Schwerpunkt liegt auf Personalisierung und Filterbarkeit. Nutzer können Veranstaltungen gezielt nach Studiengang, Semester, Fach, Raum oder Dozierenden filtern und so genau die Inhalte anzeigen lassen, die für sie relevant sind. Zusätzlich unterstützt das System Funktionen wie Favoriten, Suchvorschläge, Raumverfügbarkeiten und eine Kalender-Exportfunktion. Für Lehrende wurde außerdem eine Raumreservierung integriert, um organisatorische Abläufe direkt in derselben Anwendung abzubilden.

Gestalterisch setzt der Prototyp auf eine moderne, kontrastreiche und zugleich einheitliche Formensprache. Abgerundete Kacheln, klare Typografie, strukturierte Abstände und eine konsistente Farbgebung sorgen für eine gute Orientierung. Farbliche Hervorhebungen unterstützen die Unterscheidung von Veranstaltungstypen und interaktiven Elementen, während der Einsatz von Icons die schnelle Erfassbarkeit zusätzlicher Informationen verbessert. Auch Aspekte der Barrierefreiheit wurden berücksichtigt, etwa durch hohe Kontraste und eine klare visuelle Hierarchie.

Insgesamt zeigt das Projekt, wie sich ein komplexes Hochschulplanungssystem durch ein responsives, nutzerzentriertes und visuell klares Design deutlich verbessern lässt. Der Prototyp vereinfacht die tägliche Organisation, reduziert unnötige Klickwege und macht die Hochschulplanung sowohl auf dem Smartphone als auch am Desktop effizienter und angenehmer.