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

Smart Digital

UX Design
UI Design
Research
Design System
Prototyping

Projektkontext

Smart Digital befand sich in einer frühen Entwicklungsphase und war technisch bereits im Aufbau, jedoch noch nicht live. Das visuelle Erscheinungsbild sowie die UX-Struktur waren nicht final definiert. Es fehlte eine klare Informationsarchitektur und ein konsistentes UI-System als Grundlage für zukünftige Erweiterungen. Ohne diese strukturelle Basis bestand das Risiko, dass neue Features auf einer instabilen Systemlogik aufbauen.

Redesign einer bestehenden Anwendung - Vorher nacher bild

Research

Der Research bestand aus einer klaren Analyse der bestehenden Anforderungen, einem UX Audit der Plattform sowie einer gezielten Wettbewerbsanalyse verschiedener digitaler Marktplätze. Dadurch konnten strukturelle und visuelle Muster identifiziert werden, die ein vollständiges Redesign notwendig machten. Die Erkenntnisse bildeten die Grundlage für eine neue Informationsarchitektur und ein modernes UI, das flexibel für unterschiedliche Branchen nutzbar ist.

Design system

Parallel zum Redesign entstand ein modulares Design System auf Grundlage der MaryUI Bibliothek. Alle Komponenten wurden präzise definiert und so aufgebaut, dass sie wiederverwendbar, skalierbar und leicht erweiterbar sind. Dies legte die Basis für konsistente Feature-Entwicklung und ermöglichte eine nachhaltige Weiterführung des Projekts über den MVP hinaus.

Quality Assurance

Vor dem Launch wurde das gesamte Interface umfassend geprüft. Ich habe alle Screens pixelgenau kontrolliert, Typografie, Farben, Abstände und Interaktionen abgeglichen und sämtliche Abweichungen dokumentiert. Durch detailliertes Feedback an die Entwickler und zusätzliche Tests für responsives Verhalten konnte eine hohe Übereinstimmung zwischen Design und Implementierung erreicht werden.

Quality Assurance Prozess – Pixel-perfekte UI-Kontrolle

Ergebnis

Es entstand eine klar definierte Informationsarchitektur mit modular aufgebautem UI. Navigation, Produktdarstellung und Interaktionslogik wurden vereinheitlicht und so strukturiert, dass Inhalte verständlich geführt werden. Die Plattform verfügt nun über eine stabile, erweiterbare UX- und UI-Basis, die weiteres Wachstum ermöglicht.

Weitere Projekte

Smart Digital Case Study – UX Design Projektübersicht

Smart Digital

Case study
Design System Architecture Case Study – Komponentenbibliothek Übersicht

Design System Architecture

Case study
UX/UI Projektarchiv – Wireframe und Konzeptübersicht

All Projects – UX/UI Work Archive

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

Alexander Dubinin

Senior UX/UI-Designer

Kontakt

Lass uns sprechen

Wir schauen gemeinsam, wo dein Produkt steht und was der nächste sinnvolle Schritt ist.

Projekt besprechen
Projekt besprechen
Projekt besprechen