Three connected sites for Verastem Oncology:Corporate, Patient, & Provider

August 2025-Current

The challenge: one new Oncology product needed three distinct but consistent websites while meeting regulatory and accessibility needs.

Verastem needed a cohesive digital presence that could build corporate credibility while also supporting the launch of a new oncology product. Three websites: patient, clinician, and corporate. Each website required different information needs, levels of clinical knowledge, and regulatory requirements.

My solution: I built a shared Figma library for efficient handoff, responsive scaling, and distinct patient/provider experiences to cut cycle time.

Supporting the agency IQVIA, I built a shared Figma component library that kept the experience consistent, accessible, and easy to scale across web and email. The system included reusable components, responsive variants, and clear usage guidance, while allowing the patient and provider sites to feel intentionally different through color, information density, and CTA treatments. Updates could be made once and applied across page variants, helping the team respond quickly to last-minute client requests, streamline dev handoff, cut cycle time by 40%, and reduced designer–developer iteration by 60%.

❋ Key Responsibilities

UX/UI, responsive design, email design, developer handoff

❋ Deliverables

High fidelity mockups & prototypes, asset library repository, style guide & documentation

❋  Live Links

Verastem.com, Avmapki Fakzynja patient site, Avmapki Fakzynja healthcare provider site

Corporate site refresh

Verastem.com was a refresh of an existing site, aimed at collecting prospective patient data and creating trust ahead of their new drug’s launch.

Operating on a compressed two-month timeline, I focused on practical and easy-to-implement solutions. Providing dev-ready files and scalable components enabled the engineering team to execute quickly while maintaining consistency, performance, and design integrity

Working within the existing visual framework, I enhanced readability, clarified text hierarchy, and streamlined content structure to improve usability and engagement.

Home Page Before & After

Before (left): underdeveloped and didn’t build trust.

After (right): story-driven, scannable, and credible.

The original homepage introduced Verastem’s mission, but the experience felt sparse, with limited visual hierarchy, minimal imagery, and few clear pathways for users to continue exploring.

In the redesign, I restructured the page into a more engaging, story-driven experience with stronger messaging, purposeful imagery, scannable content cards, and clearer CTAs that guide visitors toward key areas like the RAS/MAPK pathway, pipeline information, press releases, investor content, and careers.

New patient and healthcare professional sites

The patient website and the healthcare professional (HCP) website for Avmapki Fakzynja Co-Pack are each designed around the distinct goals and needs of their respective audiences, with each having clearly differentiated information architecture.

Patient Site architecture:

  • Linear flow: The patient site uses a straightforward, step-by-step structure to minimize cognitive load and help users easily find essential info.

  • Support and education: Homepages and key sections lead with reassurance, stories, explainer videos, FAQs, downloadable patient guides, and support services.

  • Prominent safety info: Safety is persistently emphasized via banners and repeated ISI content, supporting both comprehension and regulatory compliance.

  • Call-to-action oriented: Each step encourages next actions, whether learning, downloading, or contacting support, with minimal distractions.

Healthcare provider site architecture:

  • Reference-first, deep content: The HCP (health care professional) site is optimized for rapid access to detailed, clinical information with denser content per page and cross-linking for reference use.

  • Expandable, data-rich sections: Dense tables, charts, warnings, side effect details, and downloadable documents are prioritized, supporting complex decision-making for HCPs and their patients.

  • Regulatory & clinical emphasis: ISI (Important Safety Information), references, indications, and footnotes are integrated throughout, often at the top of page or locked in view, per regulatory demands.

  • Distinct segmentation: Patient resources and HCP tools are distinctly separated, ensuring clarity between what to share with patients and what drives clinical action.