Siemens (GroundFog)
Scaling UI consistency across a multi-application platform
Unifying UI across teams with a shared design system and visual regression testing.
Problem
- UI components implemented separately across teams led to inconsistent UX, duplicated logic, and regressions
- No reliable way to validate shared UI changes at scale
- Duplication occurred even within the same team
Work
- Led development of a shared design system (~30 components)
- Collaborated with design to refine tokens, patterns, and behaviors
- Built a component library (storybook-like) enabling interactive exploration of component states and props
- Designed preview system covering multiple states (hover, active) and viewports (desktop, tablet, mobile)
- Integrated visual regression testing (Playwright) for automated UI validation
- Worked closely with stakeholders, driving adoption across teams
Impact
- Improved UI consistency and accessibility across applications
- Increased development speed through reuse
- Reduced regressions and improved confidence when evolving shared UI
- Lowered long-term maintenance cost of frontend code