Seite wird geladen
03 · Designsystem · Microsoft
People UI Kit
Das People UI Kit bietet eine gemeinsame Designgrundlage für Erlebnisse wie People in M365 Copilot und die Microsoft-365-Profilkarte.
Es adressiert ein wiederkehrendes Problem: Teams entwickeln ähnliche Elemente unabhängig voneinander, mit Unterschieden in Aussehen und Verhalten. Meine Arbeit verband Designführung mit Beiträgen zu Komponenten, Mustern, Icons und Referenzdesigns sowie dem Abgleich von Design und Code. Ziel ist eine wiederverwendbare Grundlage, die das People-Erlebnis über verschiedene Produktoberflächen hinweg konsistent hält.
Das Problem
Mehrere People-Oberflächen – der Agent, die Profilkarte und weitere – bauten dieselben Elemente unabhängig voneinander. Ohne gemeinsame Grundlage drifteten sie visuell und im Verhalten auseinander.
Meine Verantwortung
- Designführung für das gemeinsame Kit und seine Referenzdesigns
- Abgleich von Design und Code, damit sich Komponenten in Figma und im Produkt gleich verhalten
- Wiederverwendbare visuelle Grundlagen für People in M365 Copilot und die Profilkarte