Zum Inhalt springen
Ben Serkan Zararsız

Ein Designsystem für eine weltweite Medizinstiftung.

Im Operationssaal zählt Präzision, und auf dem Bildschirm sollte es nicht anders sein. Die AO Foundation vernetzt Chirurginnen und Chirurgen in mehr als 100 Ländern, und ihre klinischen Divisionen wie AO Trauma und AO Spine hatten jeweils eigene digitale Auftritte entwickelt. Die Aufgabe: eine Designsprache, die alle Websites, Plattformen und Apps zusammenhält.

Entstanden ist ein 94-seitiger Digital Style Guide nach den Prinzipien des Atomic Design. Er legt Suisse Int'l als typografische Stimme mit klarer Texthierarchie fest, dazu ein responsives Raster ab 360 px, eine zurückhaltende Blau-Palette und klare Regeln für die Bildsprache. Darauf baut eine Bibliothek aus UI-Elementen und Modulen auf, von Navigation und Suche mit visuellen Filtern bis zu Formularen, Overlays und Kacheln. Als Digital Experience Designer bei Martin et Karczinski habe ich das System gestaltet und dokumentiert.

AO Foundation – Digital Style Guide
AO Foundation – Digital Style Guide
AO Foundation – Digital Style Guide
AO Foundation – Digital Style Guide
AO Foundation – Digital Style Guide
AO Foundation – Digital Style Guide