Lernplattform Redesign
Redesign einer Online-Lernplattform für Audio-Engineering: weniger kognitive Last, klarere Lernpfade und sichtbarer Fortschritt – damit Lernende motiviert dranbleiben.
Überblick
Lernen statt Suchen
Die Ausgangslage
Als Studentin habe ich 2019 selbst intensiv mit der Plattform gelernt. Die Analyse bestätigte, was ich damals erlebt hatte: unklare Struktur, keine Fortschrittsanzeige und kaum Feedback. Die Folge war fehlende Motivation – Lernende verloren Zeit mit Navigieren, statt sich auf Inhalte zu konzentrieren.
Das Ziel
Eine Oberfläche, die Orientierung gibt: Fortschritt sichtbar machen, den nächsten sinnvollen Schritt vorschlagen und alles Unnötige aus dem Blickfeld nehmen.
Prozess
Psychologie trifft Interface
Analyse
Bestehende Plattform, typische Lernsituationen und Schmerzpunkte der Nutzer:innen systematisch aufgenommen.
Struktur
Neue Informationsarchitektur mit klaren Lernpfaden statt verschachtelter Menüs.
Dashboard
Persönliche Begrüßung, Fortschritt auf einen Blick und konkrete Aufgaben für heute.
Barrierefreiheit
Kontraste, Fokus-Zustände und Lesbarkeit von Anfang an nach BFSG/WCAG mitgedacht.
Leitgedanke
„Gutes Lerndesign nimmt dem Kopf Arbeit ab – damit er sich aufs Lernen konzentrieren kann.“
Lösung
Ein Dashboard, das führt
Die neue Startseite beantwortet drei Fragen sofort: Wo stehe ich? Was ist als Nächstes dran? Wo finde ich Hilfe? Gamification-Elemente wie Progress Bars, Achievements und eine Bestenliste sorgen für Feedback und Orientierung.
Zum interaktiven Figma-Prototyp ↗
- Persönliches Dashboard mit Tagesfokus
- Fortschritt, Achievements & Bestenliste
- Reduzierte, vorhersehbare Navigation
- Dark & Light Mode
- Modulare Figma-Komponenten
- Prototyp mit Microinteractions & Quiz-Flow
- Barrierearme UI-Komponenten
Learnings
Was ich mitnehme
Psychologie als Werkzeug
Wissen über Lernprozesse und Aufmerksamkeit führt zu besseren Designentscheidungen.
Weniger ist Orientierung
Jedes entfernte Element macht den Weg zum Wesentlichen kürzer.
Accessibility zuerst
Barrierefreiheit ist kein Add-on, sondern Teil der Grundstruktur.
Nächstes Projekt
Digital Marketing & Visual
Case Study ansehen →