Medifox Dan: Designsystem und Produkt-UX/UI

Alexander Wende

MEDIFOX DAN: Designsystem und UX/UI für Web und Apps

Bei MEDIFOX DAN habe ich die Lead Designerin bei der Weiterentwicklung und Modernisierung des bestehenden Designsystems und der Figma-Libraries für Web-, iOS- und Android-Produkte unterstützt. Dazu gehörten wiederverwendbare Komponenten und Patterns, responsive Layouts sowie die Überarbeitung von Tokens und Styles.

Die vollständige Designsystem-Dokumentation habe ich eigenständig in Frontify erstellt und später den Umzug zu Supernova.io übernommen. Storybook war Teil der Zusammenarbeit mit der Entwicklung.

Die Systemauszüge zeigen die Komponentenbibliothek einschließlich Interaktionszuständen und Formularvalidierung, semantische Farbrollen mit Light-/Dark-Werten sowie Spacing- und Radius-Variablen. Ergänzend zeigen sie eine Auswahl aus der Icon-Bibliothek für Pflege, Medizin, Personen, Systemfunktionen und Statusmeldungen.

Die CareMobile-Ansichten zeigen das von mir überarbeitete iOS-Interface sowie Nachrichten- und Empfängerauswahl als konkrete UX/UI-Anwendung. Weitere Beiträge umfassten Software-Screens für MD Stationär und MD Ambulant sowie In-App-Chat und Emoji-Assets.

CareMobile-Redesign und Designsystem

CareMobile-Redesign und Designsystem

CareMobile Messaging

CareMobile Messaging

Icon Library

Icon Library

Spacing & Radius

Spacing & Radius

Semantic Tokens – Light / Dark

Semantic Tokens – Light / Dark

Component Library

Component Library

Default- und Blautöne

Default- und Blautöne

Graustufen

Graustufen

Typografische Hierarchie

Typografische Hierarchie

Messenger-Reaktionen und Emotes.

Messenger-Reaktionen und Emotes.