year

client

2022

ROCHE

Pixel perfect purpose: Rebuilding a versatile icon system for Roche

As a multinational healthcare company, Roche has long been fluent in communicating complex scientific evidence to audiences who need it to be both accurate and penetrable. That fluency was being sharpened with an ongoing brand evolution, giving the company’s voice a more confident, coherent expression; work supported by Trafik through the Clear and Graphic illustration system. But the finesse of the new brand exposed one area still left behind: iconography. Communicators were still reaching for an old icon set, one that no longer carried the quality, or the values, of the brand it was meant to represent. Trafik was brought back to rebuild a functional shorthand for complex topics, accessible now but built to grow.

design system

motion design

About the project

year

client

2022

ROCHE

Pixel perfect purpose: Rebuilding a versatile icon system for Roche

As a multinational healthcare company, Roche has long been fluent in communicating complex scientific evidence to audiences who need it to be both accurate and penetrable. That fluency was being sharpened with an ongoing brand evolution, giving the company’s voice a more confident, coherent expression; work supported by Trafik through the Clear and Graphic illustration system. But the finesse of the new brand exposed one area still left behind: iconography. Communicators were still reaching for an old icon set, one that no longer carried the quality, or the values, of the brand it was meant to represent. Trafik was brought back to rebuild a functional shorthand for complex topics, accessible now but built to grow.

design system

motion design

About the project

year

client

2022

ROCHE

Pixel perfect purpose: Rebuilding a versatile icon system for Roche

As a multinational healthcare company, Roche has long been fluent in communicating complex scientific evidence to audiences who need it to be both accurate and penetrable. That fluency was being sharpened with an ongoing brand evolution, giving the company’s voice a more confident, coherent expression; work supported by Trafik through the Clear and Graphic illustration system. But the finesse of the new brand exposed one area still left behind: iconography. Communicators were still reaching for an old icon set, one that no longer carried the quality, or the values, of the brand it was meant to represent. Trafik was brought back to rebuild a functional shorthand for complex topics, accessible now but built to grow.

design system

motion design

About the project

Note

Note

Note

We built the grid and keyline system from the ground up — proportions, stroke weights, corner radii, the rules for how a shape is constructed and where it sits. It's invisible in the finished icons, but it's the reason they feel like one family rather than a collection.

Our concept is rooted in the deepening of knowledge. Overlapping, semi-transparent shapes represent elements of a library, each fragment contributing to a larger whole.

Note

The main system was built to simplify communication for a broad audience, across whatever platform it needed to reach. App icons had a different job. Each one had to deliver instant recognition to a hyper-specific audience, people using a particular Roche Diagnostics application, often with a complex, specialised function. And rather than needing to work everywhere, an app icon only had to work exactly where it lives.

Note

The main system was built to simplify communication for a broad audience, across whatever platform it needed to reach. App icons had a different job. Each one had to deliver instant recognition to a hyper-specific audience, people using a particular Roche Diagnostics application, often with a complex, specialised function. And rather than needing to work everywhere, an app icon only had to work exactly where it lives.

Note

The main system was built to simplify communication for a broad audience, across whatever platform it needed to reach. App icons had a different job. Each one had to deliver instant recognition to a hyper-specific audience, people using a particular Roche Diagnostics application, often with a complex, specialised function. And rather than needing to work everywhere, an app icon only had to work exactly where it lives.

Say hi, we'll take it from there

Contact us

Contact info:


Drop us a line:
hello@trafik.studio


Give us a call:
+ 44 (0) 750 166 3651


Find us:
124 City Road, London,
Greater London, EC1V 2NX,
United Kingdom

© 2026 Trafik Productions Ltd. | All rights reserved. | Company Number: 11948482

Say hi, we'll take it from there

Contact us

Contact info:


Drop us a line:
hello@trafik.studio


Give us a call:
+ 44 (0) 750 166 3651


Find us:
124 City Road, London,
Greater London, EC1V 2NX,
United Kingdom

© 2026 Trafik Productions Ltd. | All rights reserved. | Company Number: 11948482

Say hi, we'll take it from there

Contact us

Contact info:


Drop us a line:
hello@trafik.studio


Give us a call:
+ 44 (0) 750 166 3651


Find us:
124 City Road, London,
Greater London, EC1V 2NX,
United Kingdom

© 2026 Trafik Productions Ltd. | All rights reserved. | Company Number: 11948482