CERN Design System

Ein einheitliches Designsystem für eine der komplexesten Wissenschaftsorganisationen der Welt.

Das CERN-Designsystem auf einer einzigen Arbeitsfläche: Grundlagen, Tokens, Komponenten und Muster rund um den Screen eines Live-Produkts.
Unsere Rolle
Product Design · UX/UI · Design Systems · Interaction · Prototyping
Fokus
Design system architecture · UI foundations & tokens · Components & patterns · Accessibility · Responsive behavior · Interaction principles · Documentation · Scalable product workflows
Überblick

Die Aufgabe: Konsistenz in ein großes digitales Ökosystem bringen, ohne den eigenen Charakter des CERN zu verlieren. Das System schafft eine gemeinsame visuelle und Interaktionssprache über Websites, Anwendungen, Inhalte und interne Produkte – und gibt Teams eine flexible Grundlage, die sie tatsächlich nutzen können.

01 / Die Herausforderung

Dutzende Teams, Hunderte Sites und interne Tools, die dieselben Interface-Probleme jeweils allein lösen. Das Ergebnis sah aus wie viele Organisationen statt einer.

02 / Die Idee

Komplexität kohärent machen.

03 / Das Ergebnis

Eine gemeinsame visuelle und Interaktionssprache, auf der Teams im gesamten CERN aufbauen können: konsistent, wo es zählt, flexibel, wo es nötig ist, und dokumentiert, damit es so bleibt.

Auf einen Blick
200+
Interne Anwendungen auf dem gemeinsamen System
84
Komponenten dokumentiert und im Einsatz
41
Patterns für wiederkehrende Produktprobleme
Weiter geht’s
noch eine, bevor Sie sich entscheiden
Nächste FallstudieMercedes Continuity