Jeden Tag begegnen unsere Kund:innen und Partner der Marke ZEISS über digitale Produkte, Dienste und Kommunikationskanäle. Nur wenige Markenerlebnisse sind einflussreicher, da sie so eng mit dem Alltag der Menschen verflochten sind. Deshalb ist ein einheitlicher digitaler Auftritt entscheidend, um unseren Markenwert zu stärken – also das, was die Menschen über ZEISS denken und empfinden.
Das Beyond Design System hilft Dir dabei, herausragende digitale Erlebnisse zu schaffen.
Das Beyond Design System stellt eine Sammlung von Design-Richtlinien und Werkzeugen bereit. Sie unterstützt Teams dabei, die Marke ZEISS in verschiedenen digitalen Medien erlebbar zu machen. Das erlaubt es Dir, einheitliche, hochwertige Erlebnisse zu schaffen, die nutzerfokussiert sind. Gleichzeitig sparst Du Zeit und Ressourcen.
Beyond for Online Experiences bündelt Richtlinien und Ressourcen für Design und Entwicklung von Web- und Online-Erlebnissen. Es unterstützt alle digitale Touchpoints von ZEISS. Es umfasst Farbsysteme, Typografie, Icons, eine Komponenten-Bibliothek für Designer in Figma sowie sofort einsetzbare Code-Bibliotheken in React und Angular.
Beyond for Product Experiences bietet Richtlinien und Ressourcen für das Design und die Entwicklung digitaler Produkterlebnisse. Dies umfasst Farbpaletten, Typografie, Icons und UI-Komponenten. Damit schaffen Designer:innen und Entwickler:innen schnell digitale Produkterlebnisse, die visuell ansprechend und benutzerfreundlich sind.
Hier findest Du einen Überblick darüber, was Dich noch im Beyond Design System erwartet.
Richtlinien für die Verwendung des ZEISS Logos als Bestandteil von Benutzeroberflächen
Erfahre, wie Farben die Marke und das visuelle Design von Benutzeroberflächen beeinflussen
Vertiefe Dein Wissen über unsere Typografie im digitalen Raum
Setze Layout und Raster, um Struktur, klare Hierarchien und Gleichgewicht zu schaffen
Nutze die Regeln der Ikonografie, um ein einheitliches Design in Benutzeroberflächen zu schaffen
Lerne, wie Du helle und dunkle Themes wirksam einsetzt
Gestalte interaktive Elemente, um die Nutzer:innen einzubinden
Erzeuge den Eindruck von Tiefe für Hierarchien in Benutzeroberflächen
Verwende Bewegung für nahtlose Benutzeroberflächen
Nutze Komponente-Kombinationen mehrmals, um die Entwicklung zu beschleunigen
Stelle Barrierefreiheit für alle Nutzer:innen sicher
Corporate Brand, Communications & Public Affairs