Siemens AG

Eine gemeinsame Angular-Komponentenbibliothek für mehrere Feature-Teams bei Siemens

Wir haben für ein Siemens-Projekt mit mehreren Feature-Teams eine gemeinsame Angular-UI-Bibliothek gebaut: Komponenten in Figma gestaltet, in Storybook mit funktionierenden Beispielen dokumentiert und durch hohe Testabdeckung abgesichert.

Design → Code
Figma-Designs werden zu dokumentierten, getesteten Angular-Komponenten
Jedes Team
Alle Feature-Teams bauen auf denselben Komponenten
Siemens AG project showcase
01

Die Herausforderung

Mehrere Feature-Teams arbeiteten in einem Siemens-Projekt, und ohne gemeinsame Komponenten drohte die Oberfläche zwischen den Teams auseinanderzulaufen. Siemens wollte einen einheitlichen Komponentensatz, der das Projekt konsistent hält. Die Anforderungen waren hoch: exzellente Dokumentation, viele funktionierende Beispiele, eine gute Nutzererfahrung und hohe Testabdeckung.

02

Der Ansatz

Wir haben die Komponenten in Figma gestaltet und als wiederverwendbare Angular-Bibliothek gebaut. Jede Komponente haben wir in Storybook dokumentiert und präsentiert, mit funktionierenden Beispielen, die Teams übernehmen können. Die Testabdeckung haben wir durchgehend hoch gehalten, damit sich die Teams auf jede Komponente verlassen können. Die Umsetzung lief in agilen Sprints, gesteuert über Jira und Confluence.

03

Die Ergebnisse

Die Feature-Teams von Siemens bauen jetzt auf einem einheitlichen Komponentensatz auf, der die Oberfläche im gesamten Projekt konsistent hält. Dokumentation und Beispiele machen die Bibliothek leicht einsetzbar und verkürzen die Entwicklungszeit. Mit hoher Testabdeckung hinter jeder Komponente können die Teams die Bibliothek jetzt auch in kritischen Teilen des Projekts sicher einsetzen.

Design → Code
Figma-Designs werden zu dokumentierten, getesteten Angular-Komponenten
Jedes Team
Alle Feature-Teams bauen auf denselben Komponenten

Bereit für ähnliche Ergebnisse?

Sprechen Sie direkt mit unseren Experten. Buchen Sie ein 20-minütiges Expertengespräch.

Strategiegespräch starten

Projekt-Überblick

Branche
Fertigung & Maschinenbau
Leistung
Individuelle Lösungen
Technologien
AngularStorybookFigmaGitLabJiraConfluence