← All work

Design system · Healthcare · 2021–2023

IQVIA FlowUX

A Figma system that let a growing team design for a complex React dashboard without breaking it.

Client
IQVIA via TEKsystems · USA
Role
Lead Designer & UI Prototyper
Team
FlowUX design team, hired and led by me
Stack
Figma · React · Material UI
Variables

Display 32

Title 20

Body 16 — Roboto

Caption 12

Components

PrimarySecondaryActive filterSearch patients…
color.primary → brand.blue.600
type.body → Roboto 16/24
radius.sm → 4px · space.md → 16px
change the variable, keep the structure

Illustrative specimen. Client screens are under NDA.

Context

IQVIA is a Fortune 500 company in health data and life sciences. The FlowUX team designed UX and UI for healthcare and pharmaceutical products, working with companies such as Novartis and Pfizer.

I joined as Lead Designer and also built the team: I interviewed and hired the designers who joined it.

Problem

The product was a complex dashboard built in React on Material UI. Every design had to reach development as an exact 1:1 replica of the prototype, and each new designer risked drifting from the structure.

Approach

  1. 01Map the code. Went through the coded dashboard component by component with the developers.
  2. 02Rebuild in Figma. Turned it into a library of reusable Figma components that mirror the React ones.
  3. 03Expose variables. Colour and typography became variables, so a new project changes the skin without touching the structure.
  4. 04Stay 1:1. Reviewed builds side by side with development until prototype and product matched.
Outcome

Designers who joined later kept the dashboard consistent by changing variables only. Other teams inside the company adopted the method, which sped up product work well beyond our team.

Contact

Got a brief?
Send it over

Replies within 24 h, Monday to Friday ·