Patient Education Microsite — UX/UI Design | Front-End Development

KRYSTEXXA Infusion Facts

Screenshot of the Krystexxa website with information about what to expect along your journey, videos about uric acid dissociation, uncontrolled gout control, support system, and safety information, with the option to sign up and learn more.

Transforming complex medical information into a clear, human-centered experience.

Challenge

Krystexxa, a prescription infusion treatment for uncontrolled gout, needed to simplify how patients and healthcare providers accessed key information about the infusion process. Existing pages were text-heavy and scattered across multiple locations, making it difficult for users to find what they needed when it mattered most.

Objective

Create a unified, intuitive microsite that consolidated all infusion-related education, preparation, and support materials. The experience needed to feel approachable, easy to navigate, and fully aligned with Horizon Therapeutics’ brand and accessibility standards.

Process

I started with a full content audit and UX flow mapping to identify which details were essential to each audience — patients and HCPs. From there, I explored five layout directions, testing content structure and visual hierarchy before refining the final solution.

I partnered closely with development to ensure design system alignment and efficient build scalability, reducing custom code while maintaining design integrity.

Key UX decisions

  • 4-stage structure: Learn → Prepare → Experience → Continue, guiding patients step-by-step through treatment.

  • Chapter-Based Video Player: Hover timestamps for easy navigation and context.

  • Downloadable Email + PDF Templates: For patients to revisit and share instructions.

  • Color-Coded Sections & Iconography: Enhancing scanability and reducing cognitive load.

outcome

The redesign transformed a dense, fragmented experience into a clear, guided journey—helping patients feel informed and supported at every stage. Both patient and HCP flows became more consistent, accessible, and intuitive.

The site was approved for launch but paused following Horizon’s acquisition and brand transition.

reflection

This project reflects my ability to translate complex, regulated healthcare content into intuitive, emotionally intelligent experiences. It reinforced my belief that clarity and empathy can coexist—even in the most technical, compliance-driven environments.

Proposed concepts

A webpage from Krystexxa explaining the treatment journey for gout, including steps from planning to treatment to completion, with video and information sections.
Screenshot of a webpage titled 'The Place Where Change Happens' for a treatment of gout with KRYSTEXXA. The page includes video instructional content, a chapters list, and detailed steps on treatment process, including preparing for IV treatment, celebrating milestones, and monitoring progress.

Concept #1

Concept #2

A web page for KRYSTEXXA treatment information with a purple and white theme, including sections on the treatment journey, safety information, and an employer email template.

Concept #5

A webpage from KRYSTEXXA medication guide explaining the treatment journey for gout. It includes sections on safety information, treatment steps, and important safety tips, with a video player and step-by-step instructions for patient care.
Screenshot of a webpage titled 'The Place Where Change Happens' from KRYSTEXXA, with sections on treatment steps, including scheduling blood tests, insurance confirmation, connecting with a peer mentor, choosing treatment location, filling prescriptions, and receiving treatment, followed by post-treatment care and celebration steps.

Concept #4

Concept #3

Journey steps

  • Diagram showing the four steps of the KRYSTEXXA treatment journey: Plan, Prepare, Treat, Completed, with detailed instructions for each step.
  • Step-by-step guide for KRYSTEXXA treatment journey, showing four steps: 1. Plan, 2. Prepare, 3. Treat, 4. Completed, with detailed instructions for preparing for treatment, including choosing treatment location, scheduling blood tests, and picking up prescriptions.
  • A visual guide to the four steps of the KRYSTEXXA treatment journey, numbered 1 through 4, with supplementary text explaining the process of getting treated, including receiving IV treatment, check-in, treatment, wait time, scheduling next appointment, check-out, and driving home, all with purple and pink icons.
  • Diagram showing the four steps of the KRYSTEXXA treatment journey: Plan, Prepare, Treat, and Completed, with a section about doing something special after treatment.

The 4-step flow simplified complex medical prep into an intuitive path patients could follow confidently.

Additional Features

Video Chapters

Vision Board

Guidance on speaking with your employer about treatment, with a pink button labeled "Draft Email Now" and options to download or email a template.
A website overlay popup encouraging users to speak with their employer later. It contains a title, instruction text, a text field for email input, and Cancel and Send buttons.

CTA Options

Send-Later Modal

A digital screen displaying a quiz about gout management and personal goals. It has purple and pink background with sticky note graphics, and a white quiz box with multiple choice options.
Illustration of a man seated in a medical clinic room with a nurse administering an IV drip. The background includes a pink wall, a potted plant, and various informational panels at the top.