← All projects

Design system creation

Client
Pfizer
Platform
Web
Responsibilities
Site architecture, component creation, wireframes, cross-device validation

Pfizer aimed to focus public attention on their oncology R&D efforts with a commercial that ran during Super Bowl LVIII. They asked my team to create a digital experience that would continue engagement post-event, leading to LetsOutdoCancer.com.

Abstract clusters of colorful 3D cells with Pfizer logo and text 'Let's Outdo Cancer.'

Knowing this site would draw millions of eyes, my team and I crafted and launched an experience featuring a brand-new component system. I was tasked with crafting components for a variety of content types — stunning visuals, editorial walls of text, inspiring patient stories, and more. I expected visitors to view the site from a variety of sources and tweaked each component to read effortlessly across devices.

Desktop and mobile navigation bar variations for the Pfizer site.
UI elements: buttons, icons, and partner logos.
Desktop component layout with image placeholders and text areas.
Desktop accordion component layout.
Mobile accordion component layout.

The site architecture is minimal and easy to navigate. The original iteration includes an attention-grabbing homepage, which draws in the user and encourages exploration to other parts of the site.

The other sections contain educational content and drive to external sources where users can access information about clinical trials, cancer advocacy groups, financial assistance, and more.

Sitemap for the Let's Outdo Cancer website.