jure.io   work

Siemens Healthineers UI

Launching a multi-modal design system for a global medical device manufaturer.

2017 — Senior Designer — IDEO

Challenged to unify digital experiences of Siemens Healthineers with an updated brand, we collaborated with the internal UX group, product teams and hospitals to create a design system for screen-based applications. We supported a roll-out process and designed technical concepts, keeping customer, designer and developer experiences in mind.
As a senior designer in a team of 4 (with interaction and communication designers), I led interviews and workshops with development teams to understand their processes and high-level technological restrictions. I continuously assessed existing and emerging interactions through code. I pushed the systemic approach to the design language and introduced both technical and process improvements for tighter collaboration between design and development.
Winner, Red Dot Design Award 2018

Engaging an organisation

Siemens Healthineers needed a solution that integrates into their diverse product portfolio with a complex landscape of screens and interaction patterns. We looked into each business line, conducting interviews around the bandwidth of their products, development cycles and processes, teams, structures and hierarchies, and their future outlook.

Furthermore, we conducted a UI audit and analysed existing design systems to uncover potential new mechanics and organisational structures supporting a smooth roll out and maintenance of such systems.

In a series of 2-week design sprints that followed, we focused on creating a design kit for core use cases across a range of applications. After each iteration we handed it over to product development teams, who started working on their own use cases, providing invaluable feedback around the fidelity, quality and flexibility of the framework.

Testing design kits

Enabling development-driven design

With more than 7,000 developers located in various countries and numerous technologies, the framework borrows from their realities to enable better integration into existing workflows and processes.

  1. Structure & documentation

  2. Structure & documentation

  3. Structure & documentation

  4. Structure & documentation

  5. Structure & documentation

  6. Structure & documentation

Structure & documentation

SHUI is built on the principles of Atomic design and component-based software engineering. With fundamental building blocks, such as colors, typography and layout, we design and develop larger functional components, which can then theoretically be applied to different use cases and across technologies.

Thinking about the design library as a development project let us introduce metaphors such as feature branching, composability, and interoperability to support its use, development and integration.

jure.io   work