Digitales Designsystem für Siemens Healthineers

Unsere Dokumentation für Designs in Perfektion

Wie schafft es Siemens Healthineers, sein Corporate Design vom Header bis zum Call-to-Action konsistent und brandkonform auf allen Devices auszuspielen? Den Schlüssel dazu liefert unsere umfassende Dokumentation von digitalen Designsystem-Elementen. Sie bietet fundamentale Konzepte und Komponenten als essenzielle Basis für alle digitalen Marketingprojekte und spart bei deren Umsetzung jede Menge Zeit und Aufwand.

Eine Library. Ein Level

Siemens Healthineers erweiterte sein Corporate Design – und wir entwickelten auf dieser Basis die neue Website. Doch damit der Rebrand auch an allen anderen digitalen Touchpoints ankommt, realisierten wir parallel zur Website ein digitales Designsystem für sämtliche Marketinganwendungen. Dafür analysierten und optimierten wir alle Elemente des User Interface, prüften es auf Konsistenz in Design, Code und Bedienbarkeit und definierten klare Regeln für eine schnelle Entwicklung neuer Komponenten.

Klare Regeln fürs Umsetzen und Updaten

Welche ist die richtige Font, Farbe oder Proportion? Wann gilt welcher Zustand und wie regeln wir die Interaktion? Unser digitales Designsystem bietet umfassende Konzepte, die wir auch auch als Grundlage im Code festschrieben. So wirken sich Änderungen automatisch auf alle verbundenen Elemente aus. Und falls sich Teile des Brandings mal ändern, lassen sich Updates einfach ins Designsystem integrieren – für ein schnelles Aktualisieren aller damit umgesetzten Projekte. Auf dieser Basis implementierten wir für die Healthineers bereits verschiedenste Web-Apps,Landingpages und Online-Services, Messe-Applikationen sowie vielfältige Event-Plattformen.

Einfache Bedienung ohne Barrieren

Wichtige Anforderung an jedes Element: Eine hohe Usability, verbunden mit einer optimalen Accessibility – die weitgehend auf dem höchsten WCAG-Standard 2.0 basiert. Dadurch werden zum Beispiel alle digitalen Lösungen, die auf Basis des Designsystems entstehen, via Screen Reader lesbar und per Tastatur bedienbar. Neben zahlreichen technischen Optimierungen kümmerten wir uns um besonders hohe Kontrastwerte und prüften diese in zahlreichen Checks auf Barrierefreiheit. Dazu entwickelten wir unter anderem die Farbe „accessible orange“ und integrierten sie ins bestehende Corporate Design von Siemens Healthineers.

Abrufen. Anwenden. Abhaken

Ob für interne Entwickler oder externe Agenturen – das gesamte Designsystem ist weltweit und jederzeit verfügbar. Jedes Detail ist gecheckt sowie markenkonform und einheitlich aufbereitet – damit zukünftige digitale Projekte einfach, schnell und ohne Einstiegshürden realisiert werden können.

Das Projekt in einem Atemzug

Das Designsystem Richtung Zukunft gedacht

Wir machen das Designsystem der Healthineers fit für die Ansprüche von morgen – zum Beispiel durch die Umstellung von jquery auf Web Components. Automatisierte Tests werden den Workflow vereinfachen. Und: Die Library  öffnet sich für eine Community, die sich an der Weiterentwicklung beteiligt und sofort auf externe Veränderungen wie Browser-Updates oder sich ändernde Nutzerbedürfnisse reagieren kann.

Siemens Healthineers auf einen Blick

  • Eines der weltweit führenden Medizintechnikunternehmen mit über 170 Jahren Erfahrung
  • Spezialisiert auf diagnostische und therapeutische Bildgebung, Labordiagnostik, molekulare Medizin, digitale Gesundheits-Services und Krankenhausmanagement
  • 65.000 Beschäftigte in 70 Ländern erwirtschaften jährliche Umsätze von rund 13 Mrd. Euro

Eigenes Designsystem vor Augen?

Wir bringen euer Projekt an den Start. Schreibt uns einfach:

Mein Name
Meine E-Mail Error Message
Meine Nachricht

Hier fliegt ein Dankeschön rein.

Deine Nachricht ist gut angekommen. Wir lesen sie gleich und melden uns dann bei Dir. Bis bald.