Novartis — Bringing a New Visual Identity to Life

As a leading global pharmaceutical company, Novartis uses scientific innovation and digital technologies to develop breakthrough therapies in areas of great medical need. Based in Basel, Switzerland, Novartis provides solutions to address the evolving needs of patients worldwide.

Working for a giant like Novartis, we had to ensure that all our solution were aligned with their guidelines and were following their rules. They needed a strategic partner specilized in design systems and they noticed that the program “Dolphin” was not enough. Ultimately, they needed us as a design partner for novartis.com

To create the best possible digital experiences across platforms, we decided to work with a methodology called “atomic design”. It’s like chemistry, where everything is composed of molecules made up of atoms. And just as in chemistry, web applications are first broken down into their smallest building blocks and then combined and assembled into more complex design units. The name “atomic design”, therefore, is not created arbitrarily but reflects precisely this principle.

Following the atomic design process it was not about disassembling full designs into their parts. It was more about constructing full design experiences building up from the smallest design elements we created during the process. By doing so, we built a consistent and extendable digital experience. The result may look the same, but the approach has significant benefits.

Bringing design to life: Micro-interactions and little animations have one purpose, which is to delight the user. It’s all about creating a moment that is engaging, welcoming and, dare we say – human. During our design process, we made many motion studies envisioning the final user experience.