Medtech

Zimmer Biomet

Branding Strategy & Development
Atomic Design & Responsive Web
Interaction & Motion Design
Content Management System
🚀 September 2021

As an innovative industry leader in orthopedic devices and connected services, Zimmer Biomet makes progress possible for patients that have endured a loss of mobility.

A primary design goal with the new website was to compel brand connection through focused usability and clear communications, and establish Zimmer Biomet as a global, innovative company with a deep heritage and commitment to patient outcomes.

We work closely with the client to craft a set of components built using atomic design in order to produce a full set of templates and unique page types meant to tell a range of narratives around products, services, and values to an assortment of audiences with tailored needs and expectations.

Process

During the design theme process, a range of digital and print materials were reviewed to identify where visual design is, and isn’t, well-aligned with existing Zimmer Biomet branding and experiences.

Design System

Color themes were developed to cater to different audiences. The goal was that each audience type would become accustomed to each theme and be able to more easily identify what kind of content they were engaging with at a glance.
Detailed interaction specifications were iteratively developed into the design system as a collaborative effort over the development process. These details are the hardest to get right, but worth it in the long run.

Components + Templates

Dashboards and tools

Additional services were later designed and built to support various internal needs and external services provided by Zimmer Biomet.
Find a Doctor
Trauma Product Portal