Expanding a Sanofi System

Accessible design system for Tzield’s digital ecosystem

Tzield had three brand websites, banner ads, and email templates, all built without accessibility or design consistency. We developed a WCAG-compliant design system covering web, email, and ads to meet regulatory requirements and create a unified brand experience.

Role:

Lead Product Designer

Industry:

Corporate Pharma

Duration:

8 months / Ongoing

  • Set up reusable UI patterns for buttons, cards, and modules, drawing on prior system experience

  • Worked closely with dev/system lead to ensure tokens and variables aligned with foundations

  • Created new icons and enhanced modules to meet accessibility requirements and maintain brand consistency across all assets.

  • Ensured all digital designs achieved full WCAG compliance, reducing legal risk and preventing costly regulatory fines.

  • Part of a small 4-person team (my manager, a systems lead, a designer, and me)

  • Audited Tzield’s existing sites and IA, identified gaps and module needs

  • Directly owned all UI design for web, email, and banner ads

  • Led one designer in building and refining page layouts

Solution/Process:

We built a WCAG-compliant design system by defining accessible foundations, standardizing reusable patterns, and auditing modules against real content needs. These improvements powered redesigned pages, emails, and ads that met brand and compliance goals.

  • Information architecture: Audited and refined content structure; mapped components to real use cases

  • Implementation: Designed and QA’d web pages, email templates, and banners for accessibility and visual consistency

  • Foundations: Established WCAG-compliant color palette, typography, and sizing tokens

  • UI patterns: Standardized buttons, forms, and modules across all Tzield sites and emails

The design system unifies usability across all campaign digital products.

A comprehensive audit across multiple brands determined the necessary modules for the design. The platform supports responsive websites, digital presentation apps, congress display screens, email programs, banner ads, and other digital products.

I led the initial rollout of the design system across Tzield’s sites, applying the campaign look and feel, but we quickly identified problems — jargon-heavy content and dense raster artwork that hurt usability and responsiveness. While structure improved, the content and visuals still needed refinement.

Using the Design System.

Refining content based on user testing feedback

User testing revealed that campaign-heavy messaging and dense visuals were slowing comprehension. I redesigned the site with a cleaner branded look and benefit-focused copy, reducing reliance on campaign art and highlighting what customers would gain. This made the value clearer and helped users reach key information faster.”

Results / Impact

The redesign delivered measurable improvements across Tzield’s digital ecosystem. By unifying the sites and assets under one accessible design system, we improved compliance, consistency, and speed for both users and internal teams.

  • Three Tzield brand sites unified under a consistent design system

  • Banner ads and email templates aligned with the same design language

  • 100% WCAG compliance, reducing legal risk

  • Clear component library and IA that made ongoing design and dev faster and easier

Other Projects