Designsystem.BS ist eine Sammlung wiederverwendbarer Komponenten mit klaren Regeln, Prinzipien und Einschränkungen für die Designentwicklung unserer Organisation. Es umfasst allgemeingültige Designprinzipien, Code-Bausteine sowie User Interface-Komponenten. Dadurch werden einheitliche Designvorgaben festgelegt und die Wiederverwendung von Elementen über verschiedene digitale Produkte hinweg ermöglicht.

Vorteile

• Konsistente Benutzererfahrung und einheitliche Designsprache
• Entlastung von Design- und Entwicklungsressourcen durch wiederverwendbare Komponenten
• Schnellere Umsetzung digitaler Produkte durch vorgefertigte Code-Bausteine
• Vereinheitlichung von Sprache und Standards in funktionsübergreifenden Teams
• Erleichterte Weiterentwicklung durch den modularen Aufbau

Das Designsystem BS dient dazu, die Nutzerbedürfnisse durch ein einheitliches und qualitativ hochwertiges Benutzererlebnis zu erfüllen. Daraus ergeben sich folgende Ziele:

• Einheitlicher optischer und funktionaler Gesamteindruck aller kantonalen Webseiten und Web-Applikationen
• Visuelle Kennzeichnung als offizielle Online-Produkte des Kantons
• Moderne, vertrauenswürdige Verwaltungskommunikation
• Einhaltung von Barrierefreiheitsstandards (Accessibility)
• Vereinfachte Gestaltung und Entwicklung neuer Online-Produkte
• Reduzierung von Design- und Entwicklungskosten
• Senkung des Entwicklungsaufwands für Web-Frontends
• Gewährleistung gestalterischer Freiheiten für spezifische Amtsbedürfnisse

• Figma-Datei: Sie beinhaltet die vollständigen Designvorgaben, die zugrunde liegenden Überlegungen sowie sämtliche Detailangaben.

• Storybook: Anleitung zur Installation des Designsystems für Entwickler, dessen Verwendung und ein Katalog aller Code-Snippets, die zum Bau von Frontends benötigt werden.