UX Wireframes und Mobile App Design für Quizzit E-Learning Plattform – Research, Prototyping und UI Design in Figma

LMS2

Neu konzipiertes Lernmanagementsystem mit modularer Informationsarchitektur und flexibel brandbarem Design für individuelle Unternehmensidentitäten.

Klient

Internes LMS-Projekt

Rolle

Senior UX/UI Designer

Zeitraum

2024

Disziplinen

UX · UI · Research · Design System · Prototyping

Projektkontext

LMS2 ist ein neu entwickeltes Lernmanagementsystem, das von Unternehmen individuell gebrandet und funktional erweitert werden kann. Da das vorherige System technisch und strukturell nicht mehr tragfähig war, wurde die Plattform vollständig neu konzipiert. Ziel war es, eine klare Informationsarchitektur für Kurse, Module und interaktive Lerneinheiten zu entwickeln und gleichzeitig ein generisches Design zu schaffen, das sich flexibel auf unterschiedliche Unternehmensidentitäten übertragen lässt.

Phase 01
Ausgangslage & Ziel

Plattform komplett neu gedacht

Das vorherige System war technisch und strukturell nicht mehr tragfähig. Ziel war eine klare Informationsarchitektur für Kurse, Module und interaktive Lerneinheiten sowie ein generisches Design, das sich flexibel auf unterschiedliche Unternehmensidentitäten übertragen lässt.

Es entstand ein modular aufgebautes UI, das Branding-Varianten, unterschiedliche Lernformate und komplexe Kursarchitekturen unterstützt.

→ bind: Bild
Phase 01
Ausgangslage & Ziel

Plattform komplett neu gedacht

Das vorherige System war technisch und strukturell nicht mehr tragfähig. Ziel war eine klare Informationsarchitektur für Kurse, Module und interaktive Lerneinheiten sowie ein generisches Design, das sich flexibel auf unterschiedliche Unternehmensidentitäten übertragen lässt.

Es entstand ein modular aufgebautes UI, das Branding-Varianten, unterschiedliche Lernformate und komplexe Kursarchitekturen unterstützt.

→ bind: Bild (Full-Width)
Phase 01

Plattform komplett neu gedacht

No items found.

Das vorherige System war technisch und strukturell nicht mehr tragfähig. Ziel war eine klare Informationsarchitektur für Kurse, Module und interaktive Lerneinheiten sowie ein generisches Design, das sich flexibel auf unterschiedliche Unternehmensidentitäten übertragen lässt.

Es entstand ein modular aufgebautes UI, das Branding-Varianten, unterschiedliche Lernformate und komplexe Kursarchitekturen unterstützt.

Phase 01
Ausgangslage & Ziel

Plattform komplett neu gedacht

Das vorherige System war technisch und strukturell nicht mehr tragfähig. Ziel war eine klare Informationsarchitektur für Kurse, Module und interaktive Lerneinheiten sowie ein generisches Design, das sich flexibel auf unterschiedliche Unternehmensidentitäten übertragen lässt.

Es entstand ein modular aufgebautes UI, das Branding-Varianten, unterschiedliche Lernformate und komplexe Kursarchitekturen unterstützt.

→ bind: Bild Nachher
→ bind: Bild Vorher
Phase 02
Design-Prozess

Modulares Design System als Fundament

Produktkarten, Kursübersichten, Quiz-Logiken und Detailseiten wurden strukturell vereinheitlicht, sodass Inhalte klar erfassbar und einfach navigierbar sind.

Ein skalierbares Design System mit definierten Tokens und Komponenten bildet die Grundlage für schnelle Weiterentwicklung und langfristige Anpassbarkeit.

→ bind: Bild
Phase 02
Design-Prozess

Modulares Design System als Fundament

Produktkarten, Kursübersichten, Quiz-Logiken und Detailseiten wurden strukturell vereinheitlicht, sodass Inhalte klar erfassbar und einfach navigierbar sind.

Ein skalierbares Design System mit definierten Tokens und Komponenten bildet die Grundlage für schnelle Weiterentwicklung und langfristige Anpassbarkeit.

→ bind: Bild (Full-Width)
Phase 02

Modulares Design System als Fundament

No items found.

Produktkarten, Kursübersichten, Quiz-Logiken und Detailseiten wurden strukturell vereinheitlicht, sodass Inhalte klar erfassbar und einfach navigierbar sind.

Ein skalierbares Design System mit definierten Tokens und Komponenten bildet die Grundlage für schnelle Weiterentwicklung und langfristige Anpassbarkeit.

Phase 02
Design-Prozess

Modulares Design System als Fundament

Produktkarten, Kursübersichten, Quiz-Logiken und Detailseiten wurden strukturell vereinheitlicht, sodass Inhalte klar erfassbar und einfach navigierbar sind.

Ein skalierbares Design System mit definierten Tokens und Komponenten bildet die Grundlage für schnelle Weiterentwicklung und langfristige Anpassbarkeit.

→ bind: Bild Nachher
→ bind: Bild Vorher
Ergebnis
Konsistenz × Flexibilität

Individualisierbar, konsistent, wachstumsfähig

Das System ermöglicht konsistente Nutzererlebnisse bei gleichzeitig hoher Individualisierbarkeit. Mit Tokens und klar definierten Komponenten lässt sich die Plattform schnell auf neue Unternehmensidentitäten übertragen.

→ bind: Bild
Ergebnis
Konsistenz × Flexibilität

Individualisierbar, konsistent, wachstumsfähig

Das System ermöglicht konsistente Nutzererlebnisse bei gleichzeitig hoher Individualisierbarkeit. Mit Tokens und klar definierten Komponenten lässt sich die Plattform schnell auf neue Unternehmensidentitäten übertragen.

→ bind: Bild (Full-Width)
Ergebnis

Individualisierbar, konsistent, wachstumsfähig

No items found.

Das System ermöglicht konsistente Nutzererlebnisse bei gleichzeitig hoher Individualisierbarkeit. Mit Tokens und klar definierten Komponenten lässt sich die Plattform schnell auf neue Unternehmensidentitäten übertragen.

Ergebnis
Konsistenz × Flexibilität

Individualisierbar, konsistent, wachstumsfähig

Das System ermöglicht konsistente Nutzererlebnisse bei gleichzeitig hoher Individualisierbarkeit. Mit Tokens und klar definierten Komponenten lässt sich die Plattform schnell auf neue Unternehmensidentitäten übertragen.

→ bind: Bild Nachher
→ bind: Bild Vorher

Weitere Projekte

Smart Digital Case Study – UX Design Projektübersicht

Smart Digital

UX-Architektur und modulares UI-System für eine digitale Marktplatz-Plattform — von null auf Go-Live in 3 Monaten.

LMS2 Case Study – Lernplattform UX Design Übersicht

LMS2

Neu konzipiertes Lernmanagementsystem mit modularer Informationsarchitektur und flexibel brandbarem Design für individuelle Unternehmensidentitäten.

UX/UI Projektarchiv – Wireframe und Konzeptübersicht

All Projects – UX/UI Work Archive

Kuratierte Übersicht meiner UX/UI- und Designprojekte aus 2022–2025 – von Mobile Apps über Webshops bis Brand- und Packaging-Design.

Alexander Dubinin - uxui Designer aus Neu-Isenburg nähe Frankfurt am Main

Alexander Dubinin

Senior UX/UI-Designer

Kontakt

Let's talk.

30 Minuten. Du beschreibst deinen aktuellen Status, ich nenne dir konkrete Hebel und ob wir zusammenpassen.

Erstgespräch buchen