Over three years, I served as the lead designer on a series of three Pfizer Medical Affairs websites covering oncology indications including Mylotarg, NSCLC, and Acute Lymphoblastic Leukemia. Each site required full desktop and mobile execution, roughly 40 screens per site accounting for search states, dropdown variants, and responsive breakpoints, all built within high-grade enterprise Figma component libraries.

Working within a massive component library is not a passive exercise. Every element carries regulatory weight: type sizes, color application, hierarchy, and interactive states all operate within strict medical and legal constraints. When standard components could not accommodate the required scientific data on mobile, I worked directly with the medical director to restructure the content into an interactive scroll solution without compromising clinical accuracy. And when the Pfizer client pushed for a more compelling homepage layout, I went deep into the template architecture, consulted with development to identify what could flex without breaking the system, and delivered multiple options. One was selected. The result was a homepage that felt considered and beautiful within one of the most rigid design environments in the industry.

With a tight timeline across multiple sites, I managed a Manila-based studio handling charts, icons, and imagery while running my own Figma production in parallel. Upfront direction on image margins, brand color specs, minimum type sizes, and separate desktop and mobile variants at every breakpoint kept both tracks moving simultaneously, cutting production time significantly and delivering on schedule without rework. In pharma, illegible text is a regulatory failure. Getting the specs right on day one meant we finished early and clean.