Kurssuche für Tausende Kurse.
Kurssuche über Tausende Kurse und mehrere Fakultäten.
- Bis zur ersten konkreten Richtung
- ~1 Monat
- Iterationen bis zur Freigabe der meisten Ansichten
- 1–2
- Partnerschaft, gestartet mit 6 Monaten
- 2,5+ Jahre
01 — Die Herausforderung
Was gelöst werden musste
Die rund zehn Jahre alte Kurssuche war schwer zu bedienen: dichte Informationen, schwache visuelle Hierarchie und eine umständliche Suche. Dazu kommen zu jedem Kurs viele bedingte Angaben – Termine, Voraussetzungen, Einschreiberegeln, Bewertung –, die sich kaum übersichtlich darstellen ließen.
02 — Unser Beitrag
Was wir umgesetzt haben
- Figma
- HTML / CSS / JS
- Tailwind CSS
- Preline
- WCAG 2.1 AA
Design mit Blick auf die Umsetzung
Wir sind direkt in detailliertes UI-Design in Figma eingestiegen, damit die Beteiligten Lösungen vergleichen konnten, bevor Entwicklungszeit floss. Nach etwa einem Monat stand die erste konkrete Richtung, die meisten Ansichten waren nach ein bis zwei Iterationen freigegeben.
UX- & UI-Redesign
Suche, Filter, Ergebnisse, Kursdetails und ein Kurskalender – gemeinsam mit dem Kunden für das MVP abgegrenzt. Den Kalender hielten wir zunächst für zu umfangreich; für die Universität war er unverzichtbar, also haben wir ihn im vorgegebenen Zeit- und Kostenrahmen umgesetzt.
Wiederverwendbares Designsystem
Auf Basis von Tailwind CSS und Preline, abgestimmt mit den Engineers der Universität: Tokens, Komponenten und Muster für Navigation, Suche, Filter, Karten und Formulare, die später in weitere Services der Universität übernommen wurden.
Barrierefreies, produktionsreifes Frontend
Responsives HTML, CSS und JavaScript nach WCAG 2.1 AA – inklusive Tastaturbedienung, Kontrasten, Fokus- und Fehlerzuständen –, während die Engineers der Universität die Plattform dahinter modernisierten.
Aus einem Projekt wurde eine Partnerschaft
Januar 2024: die Kurssuche. Sechs Monate später: das Predeparture Portal, ein neuer Service, der einen Offline-Prozess online abbildet. Danach Student Home, Scheduler und SMART Student Services – und Systeme für die Mitarbeitenden der Universität.
03 — Das Ergebnis
Wo es heute steht
- Das Designsystem wird für weitere Services der Universität wiederverwendet.
- Folgeprojekte: Predeparture Portal, Student Home, Scheduler und SMART Student Services.
- Aus einem Sechsmonatsprojekt wurde eine laufende Partnerschaft.