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

Smart Digital

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

Klient

Smart Digital GmbH

Rolle

Senior UX/UI Designer

Zeitraum

2024

Disziplinen

UX · UI · Research · Design System · Prototyping

Projektkontext

Smart Digital war technisch im Aufbau, aber noch nicht live. Es fehlte eine UX-Struktur, ein UI-System und eine Informationsarchitektur, auf der zukünftige Features aufbauen können. Ohne diese Grundlage wäre jedes neue Feature ein Risiko.

Phase 01
Ziel & Herausforderung

Klarheit vor dem Go-Live

Ziel war eine klar strukturierte UX-Architektur und ein modulares UI-System noch vor dem Launch. Die Plattform musste komplexe Inhalte verständlich abbilden, B2B- und B2C-Use Cases unterstützen und eine skalierbare Grundlage für alle zukünftigen Features schaffen.

→ bind: Bild
Phase 01
Ziel & Herausforderung

Klarheit vor dem Go-Live

Ziel war eine klar strukturierte UX-Architektur und ein modulares UI-System noch vor dem Launch. Die Plattform musste komplexe Inhalte verständlich abbilden, B2B- und B2C-Use Cases unterstützen und eine skalierbare Grundlage für alle zukünftigen Features schaffen.

→ bind: Bild (Full-Width)
Phase 01

Klarheit vor dem Go-Live

No items found.

Ziel war eine klar strukturierte UX-Architektur und ein modulares UI-System noch vor dem Launch. Die Plattform musste komplexe Inhalte verständlich abbilden, B2B- und B2C-Use Cases unterstützen und eine skalierbare Grundlage für alle zukünftigen Features schaffen.

Phase 01
Ziel & Herausforderung

Klarheit vor dem Go-Live

Ziel war eine klar strukturierte UX-Architektur und ein modulares UI-System noch vor dem Launch. Die Plattform musste komplexe Inhalte verständlich abbilden, B2B- und B2C-Use Cases unterstützen und eine skalierbare Grundlage für alle zukünftigen Features schaffen.

→ bind: Bild Nachher
→ bind: Bild Vorher
Phase 02
Research & Audit

Muster erkennen, Richtung setzen

Detaillierte Wettbewerbsanalyse digitaler Marktplätze, UX-Audit der bestehenden Plattform und Anforderungsanalyse. Die Erkenntnisse zeigten: ein vollständiges Redesign war notwendig. Daraus entstand eine neue Informationsarchitektur und die Grundlage für das UI-System.

→ bind: Bild
Phase 02
Research & Audit

Muster erkennen, Richtung setzen

Detaillierte Wettbewerbsanalyse digitaler Marktplätze, UX-Audit der bestehenden Plattform und Anforderungsanalyse. Die Erkenntnisse zeigten: ein vollständiges Redesign war notwendig. Daraus entstand eine neue Informationsarchitektur und die Grundlage für das UI-System.

→ bind: Bild (Full-Width)
Phase 02

Muster erkennen, Richtung setzen

No items found.

Detaillierte Wettbewerbsanalyse digitaler Marktplätze, UX-Audit der bestehenden Plattform und Anforderungsanalyse. Die Erkenntnisse zeigten: ein vollständiges Redesign war notwendig. Daraus entstand eine neue Informationsarchitektur und die Grundlage für das UI-System.

Phase 02
Research & Audit

Muster erkennen, Richtung setzen

Detaillierte Wettbewerbsanalyse digitaler Marktplätze, UX-Audit der bestehenden Plattform und Anforderungsanalyse. Die Erkenntnisse zeigten: ein vollständiges Redesign war notwendig. Daraus entstand eine neue Informationsarchitektur und die Grundlage für das UI-System.

→ bind: Bild Nachher
→ bind: Bild Vorher
Phase 03
Design System

62 Komponenten auf MaryUI-Basis

Ein modulares Design System mit 62 Komponenten — aufgebaut auf der MaryUI-Bibliothek, angepasst an den Plattform-Kontext. Jede Komponente wiederverwendbar, skalierbar und dokumentiert. Die Basis für konsistente Feature-Entwicklung über den MVP hinaus.

→ bind: Bild
Phase 03
Design System

62 Komponenten auf MaryUI-Basis

Ein modulares Design System mit 62 Komponenten — aufgebaut auf der MaryUI-Bibliothek, angepasst an den Plattform-Kontext. Jede Komponente wiederverwendbar, skalierbar und dokumentiert. Die Basis für konsistente Feature-Entwicklung über den MVP hinaus.

→ bind: Bild (Full-Width)
Phase 03

62 Komponenten auf MaryUI-Basis

No items found.

Ein modulares Design System mit 62 Komponenten — aufgebaut auf der MaryUI-Bibliothek, angepasst an den Plattform-Kontext. Jede Komponente wiederverwendbar, skalierbar und dokumentiert. Die Basis für konsistente Feature-Entwicklung über den MVP hinaus.

Phase 03
Design System

62 Komponenten auf MaryUI-Basis

Ein modulares Design System mit 62 Komponenten — aufgebaut auf der MaryUI-Bibliothek, angepasst an den Plattform-Kontext. Jede Komponente wiederverwendbar, skalierbar und dokumentiert. Die Basis für konsistente Feature-Entwicklung über den MVP hinaus.

→ bind: Bild Nachher
→ bind: Bild Vorher
Phase 04
Quality Assurance

200+ Findings, null Interpretationsspielraum

Vor dem Launch wurde das gesamte Interface pixelgenau geprüft — Typografie, Farben, Abstände, Interaktionen. Über 200 Abweichungen dokumentiert und mit dem Engineering-Team behoben. Ergebnis: eine Implementierung, die dem Design entspricht.

→ bind: Bild
Phase 04
Quality Assurance

200+ Findings, null Interpretationsspielraum

Vor dem Launch wurde das gesamte Interface pixelgenau geprüft — Typografie, Farben, Abstände, Interaktionen. Über 200 Abweichungen dokumentiert und mit dem Engineering-Team behoben. Ergebnis: eine Implementierung, die dem Design entspricht.

→ bind: Bild (Full-Width)
Phase 04

200+ Findings, null Interpretationsspielraum

No items found.

Vor dem Launch wurde das gesamte Interface pixelgenau geprüft — Typografie, Farben, Abstände, Interaktionen. Über 200 Abweichungen dokumentiert und mit dem Engineering-Team behoben. Ergebnis: eine Implementierung, die dem Design entspricht.

Phase 04
Quality Assurance

200+ Findings, null Interpretationsspielraum

Vor dem Launch wurde das gesamte Interface pixelgenau geprüft — Typografie, Farben, Abstände, Interaktionen. Über 200 Abweichungen dokumentiert und mit dem Engineering-Team behoben. Ergebnis: eine Implementierung, die dem Design entspricht.

→ bind: Bild Nachher
→ bind: Bild Vorher
Ergebnis
Go-Live in 3 Monaten

Klare Architektur, skalierbares System

Von der ersten Analyse bis zum Go-Live-Ready-Status in 3 Monaten. Die Plattform hat eine klar definierte Informationsarchitektur, ein modulares UI mit 62 Komponenten und eine QA-geprüfte Implementierung. Eine stabile, erweiterbare Basis für Wachstum.

→ bind: Bild
Ergebnis
Go-Live in 3 Monaten

Klare Architektur, skalierbares System

Von der ersten Analyse bis zum Go-Live-Ready-Status in 3 Monaten. Die Plattform hat eine klar definierte Informationsarchitektur, ein modulares UI mit 62 Komponenten und eine QA-geprüfte Implementierung. Eine stabile, erweiterbare Basis für Wachstum.

→ bind: Bild (Full-Width)
Ergebnis

Klare Architektur, skalierbares System

No items found.

Von der ersten Analyse bis zum Go-Live-Ready-Status in 3 Monaten. Die Plattform hat eine klar definierte Informationsarchitektur, ein modulares UI mit 62 Komponenten und eine QA-geprüfte Implementierung. Eine stabile, erweiterbare Basis für Wachstum.

Ergebnis
Go-Live in 3 Monaten

Klare Architektur, skalierbares System

Von der ersten Analyse bis zum Go-Live-Ready-Status in 3 Monaten. Die Plattform hat eine klar definierte Informationsarchitektur, ein modulares UI mit 62 Komponenten und eine QA-geprüfte Implementierung. Eine stabile, erweiterbare Basis für Wachstum.

→ 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