contact@house-of-ux.com
contact@house-of-ux.com

Siemens Healthineers

Error-free critical Care

Migration von Komponenten in Figma im Rahmen des Siemens Healthineers SHUI Designsystems zur Sicherung der Konsistenz und Benutzerfreundlichkeit aller Produkte!

About the project

Challenge

SHUI ist das neue Framework für alle digitalen Benutzeroberflächen im Produkt- und Dienstleistungsportfolio von Siemens Healthineers und schafft eine kohärente Markenwahrnehmung und Benutzererfahrung. Es basiert auf einem Designsystem, das Layouts, Komponenten und UI-Spezifikationen für alle Mitarbeiter weltweit bereitstellt.

Approach

Wie stellt Siemens Healthineers sicher, dass sein Corporate Design von der Kopfzeile bis hin zum Call-to-Action auf allen Geräten einheitlich und markenkonform umgesetzt wird? Der Schlüssel liegt in unserer umfassenden Dokumentation der digitalen Designsystem-Elemente. Diese bietet grundlegende Konzepte und Komponenten als essenzielle Basis für alle digitalen Marketingprojekte und spart bei deren Umsetzung erheblich Zeit und Aufwand.

Required Skills

User Research
75%
User Experience Design
50%
User Interface Design
100%
Design System
100%
User Testing
75%
0
Business divisions
0
Team Members
0
Doctors interviewed
0
Days of User Testing

Design Strategy

Das Designsystem von Siemens Healthineers ist mit umfangreichen Spezifikationen ausgestattet, um die Konsistenz und Benutzerfreundlichkeit aller Produkte und Dienstleistungen zu gewährleisten. Das Unternehmen bietet außerdem umfassende Unterstützung für Entwickler, einschließlich Richtlinien, Dokumentation und Ressourcen, um eine nahtlose Integration und Übernahme des Designsystems zu gewährleisten.

Introducing
a new structure

Mit “SHUI goes Figma” migrierte ein interdisziplinäres Team Designkomponenten in eine Figma-Bibliothek, um die Zusammenarbeit zwischen den Designern zu erleichtern und effizienter zu gestalten. Dieser Migrationsprozess wird dazu beitragen, die Konsistenz des Designs überverschiedene Bildschirme und Layouts hinweg zu gewährleisten und gleichzeitig schnellere Iterationen und Aktualisierungen des Designsystems zuermöglichen.

Design what's possible

Welche Schriftart, Farbe oder Proportion ist korrekt? Wann gilt welcher Zustand und wie wird die Interaktion geregelt? Das digitale Designsystem bietet umfassende Konzepte, die auch im Code festgeschrieben sind. Dadurch wirken sich Änderungen automatisch auf alle verbundenen Elemente aus.

Making it happen

Bei Änderungen im Branding lassen sich Updates einfach in das Designsystem integrieren, was eine schnelle Aktualisierung aller umgesetzten Projekte ermöglicht. Auf dieser Basis wurden bereits verschiedene Web-Apps, Landingpages, Online-Services, Messe-Applikationen und Event-Plattformen für die Healthineers umgesetzt.

Creating beautiful experiences

Das Corporate Design von Siemens Healthineers wurde erweitert und auf alle digitalen Touchpoints ausgedehnt. Das SHUI Designsystem, mit umfassenden Konzepten und im Code verankert, ermöglicht automatische Änderungen und einfache Updates. Die Migration von Komponenten in Figma sichert Konsistenz und Benutzerfreundlichkeit. Dies ermöglichte die schnelle Umsetzung diverser Web-Apps, Landingpages und Online-Services.
Used in ABOUT Page
Used in ABOUT Page
Used in ABOUT Page
Used in ABOUT Page
Used in ABOUT Page