Shui
Siemens Healthineers' first design system, from touchscreens on medical devices to the clinical workflows that run across products.
Siemens Healthineers design system
A common design language across healthcare products
Products developed by different teams often meet in the same clinical workflow. Shui gave Siemens Healthineers a shared foundation for how those products look and behave, with room for the specialized work each one supports.
My work within the design-system team
Siemens Healthineers' portfolio spans medical devices and healthcare software, with product lines that had developed different visual languages and interaction conventions. Clinical staff could encounter different ways of doing familiar tasks, while product teams were developing similar interface elements separately. Shui brought a common design language and reusable resources to that work.
I was part of the Siemens Healthineers design team developing and scaling the system, building on the shared foundation created in partnership with IDEO. My work crossed interaction and visual design, front-end development, and documentation. I designed and built components across the library, working with designers, engineers, and product managers on their behavior and use in products.
Alongside the components, we developed patterns for clinical workflows, giving teams reusable structures they could adapt to their products. I supported that work through interface design, component development, guidance, and direct conversations with teams introducing Shui into new and existing interfaces. Patient management was one of the patterns I led: harmonizing how products organized patient and study information, from scheduling the next examination on a device to reviewing many studies at a radiology workstation. Shared elements could take different arrangements while keeping familiar visual treatments and interactions.
A shared interface language across screen sizes and clinical devices · Images: Siemens Healthineers / Red Dot, ACUSON Redwood
Use across products and design recognition
Shui is used in ACUSON Redwood and AI-Rad Companion, spanning device interfaces and AI-assisted imaging software.
The system received recognition from the Red Dot Award: Brands & Communication Design and the UX Design Awards. Both credit the Siemens Healthineers design team and IDEO.
design-system development
A shared language for information-rich screens
Visual hierarchy, from the screen to the field
Within Shui's shared foundation, I designed and built components and worked through how they came together on a screen. The work included input fields, selection controls, sliders, thumbnails, and imaging navigation. I developed visual specifications and variations, then applied the elements to product layouts where forms, settings, and clinical images competed for space.
Continue the case study
The full account covers component design and development across the system, then follows one of its workflow patterns, patient management, from research through interface design and work with product teams.
If you don't have access, you're welcome to write to me about the work.
other projects
connect
built with/colophon