Redesign Web Frontend der Veranstaltungsübersicht am Campus Gummersbach


Ahmad Al Ali

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

HOPS Redesign – Designkonzept

  1. Ausgangssituation

Das bestehende HOPS-System ist unübersichtlich und schwer nutzbar. Nutzer müssen lange suchen und haben keine klare Orientierung.

  1. Ziel

Ziel war es, eine einfache und verständliche Veranstaltungsübersicht zu gestalten. Wichtige Informationen sollen schnell sichtbar sein.

  1. Zielgruppen
    • Studierende
    • Lehrende
  2. Konzept Ich habe ein Mobile-First Konzept gewählt, da viele Nutzer unterwegs sind.

Es wurden zwei Hauptansichten entwickelt:

  • Tagesansicht für schnelle Orientierung
  • Wochenansicht für Planung
  1. Design-Entscheidungen
    • klare Struktur (Navigation links, Inhalte Mitte)
    • große Karten für bessere Lesbarkeit
    • klare Zeitstruktur für bessere Orientierung
    • Farben zur schnellen Unterscheidung von Terminen
  2. Desktop & Mobile Das Design wurde für Desktop und Mobile umgesetzt:
  • Desktop nutzt mehr Platz für Übersicht und Zusatzinfos
  • Mobile ist vereinfacht und zeigt nur die wichtigsten Inhalte
  • wichtigste Termine werden oben priorisiert
  1. Funktionen
    • Wahltermine für persönliche Planung
    • Raumübersicht für freie und belegte Räume
    • einfache Navigation und schnelle Nutzung
  2. Fazit Das neue Design verbessert die Orientierung und reduziert Komplexität. Nutzer finden schneller ihre Termine und können besser planen.