Helping fertility patients navigate treatment
with clarity and confidence

Helping fertility patients navigate treatment
with clarity and confidence

Helping fertility patients navigate treatment with clarity and confidence

Helping fertility patients navigate treatment
with clarity and confidence

MY ROLE



Senior Product Designer

My Role:

 Senior Product Designer

platform: Web App

Duration: 9 months (Patient Portal)

Agency:

 Isobar

PLATFORM



Web App

DURATION



9 months (Patient Portal)

AGENCY



Isobar

projects Overview

Context

IntegraMed, a network of fertility clinics, relied on outdated systems that slowed down daily operations. Providers were burdened with paperwork, while patients often felt uncertain about costs, forms, and at-home care instructions—adding friction to an already emotional treatment journey.

Challenge

Reimagine these legacy tools as a connected digital platform that streamlines provider workflows and gives patients the clarity and confidence to navigate every step of their care.

Solution

An intuitive multi-sided platform that eases administrative work for providers and empowers patients with accessible, self-service tools. From transparent cost estimates to guided at-home routines, it makes information and support easy to access, improving the experience for both groups.

Contribution

I designed the Financial Counselor workspace, later led Patient Portal UI design and influenced UX strategy across key touchpoints. I collaborated with design, UX, PM, engineering, and QA teams from discovery to delivery,

Impact

63K+

Patients

21

Practices

Reduced everyday friction, creating a smooth experience for patients and providers

Improved communication and transparency throughout the treatment journey

Design approach

How we used design sprints to bring
focus and alignment

How we used design sprints to bring focusand alignment

We worked in three-week sprints, each following a steady rhythm of workshops, internal reviews, client check-ins, testing, and iteration. The early phase focused on defining the global framework, then moved into designing for specific user groups—from practice staff to patients.

Creating a connected experience for both sides of care

Creating a connected experience for both sides of care

I started by supporting the design of the Financial Counselors’ Workspace, then led the UI design for the Patient Portal. I evolved the initial design system into a more engaging, empathetic experience, using imagery, iconography, and thoughtful interactions to balance functionality with human connection.

Discovery & Insight

Patient pain points revealing gaps in fertility care

Patient pain points revealing gaps
in fertility care

Fertility treatment can be an emotional and stressful experience. As patients move through different stages of care and interact with multiple practice staff members, they often face these common challenges:

Lack of personal support
and guidance

Lack of personal support
and guidance

Lack of personal support
and guidance

Unclear financial expectations and confusing billing 

Unclear financial expectations and confusing billing 

Unclear financial expectations and confusing billing 

Delays and gaps in
communication 

Delays and gaps in
communication 

Delays and gaps in communication 

Time-consuming
scheduling 

Time-consuming
scheduling 

Time-consuming scheduling 

Difficulty tracking
at-home care routines

Difficulty tracking
at-home care routines

Difficulty tracking at-home
care routines

Limited access to
educational resources

Limited access to
educational resources

Limited access to
educational resources

Experience Foundations

Meeting patient needs before and after treatment

Meeting patient needs before
and after treatment

Meeting patient needs before
and after treatment

Meeting patient needs before and
after treatment

Fertility care is complex. Patients need clarity at every step—from understanding the process to managing at-home routines. We designed the patient portal in two distinct phases, each with features tailored to where patients are in their care.

Pre-treatment Stage

Clear, actionable guidance from day one to reduce uncertainty and build confidence before care begins

Post-treatment Stage

Tools to track treatments and appointments, plus easy access to relevant resources for ongoing support.

Working collaboratively with my UX teammate who established the initial wireframes and content structure, I developed detailed interaction patterns, optimized information architecture, and crafted UI design systems to enhance the overall user experience.

Exploration & Solution

Pre-treatment homepage designed to guide
and reassure patients before care begins

Pre-treatment homepage designed to guide and reassure patients before care begins

Personalized content tailored to
each patient’s stage of care

Personalized content tailored to each patient’s stage of care

To balance usability with visual appeal, I focused on:

Step-by-step guidance – Sets clear expectations and offer personalized support

Clear information hierarchy – Makes critical details quick to find and understand

Structured layout – Makes calls-to-action clear and accessible

Thoughtful imagery – Reduces stress and create a more welcoming experience

Hero Space:
Design Explorations & Decisions

Icons for clarity

Use intuitive icons to visually represent the key activity in each step, helping patients quickly recognize and understand their progress

Numbers for emphasis

Use large numbers to make the current step clear and help patients feel confident about what’s next

Minimal progress bar

Use a simple progress bar to show patients where they are without pulling focus from key content

Clear buttons + collapsible section

Use prominent buttons that make it easy for patients to explore resources and take the next step

Option D was chosen because:

Clear hierarchy – Flows naturally from intro to interactions, then into details.

Optimized space – Collapsible section keeps the layout clean and prevent information overload.

Selecting visuals that convey care and sensitivity

Selecting visuals that convey
care and sensitivity

Selecting visuals that convey
care and sensitivity

I chose imagery that feels human, welcoming, and emotionally aware:

Positive tone – Conveys optimism and hope without creating false expectations

Emotionally sensitive – Avoids baby-focused visuals that could cause distress during treatment

Inclusive and relatable – Represents diverse patient experiences and stages of care

Supportive atmosphere – Uses warm, welcoming visuals to build trust and comfort

Post-treatment homepage supports
treatment management and connection

Post-treatment homepage supports treatment management and connection

The post-treatment homepage centers on a treatment schedule, with a calendar to keep patients on track with protocol activities, appointments, and instructions. Designed to make ongoing care easier and more connected, it provides:

Clear self-tracking – helps patients follow at-home care routines with confidence

Simple appointment management – helps patients stay on top of every visit

Quick access to resources – ensures instructions and materials are always handy

Shared visibility – keeps patients and support groups aligned on treatment progress

Calendar Structure:
Design Explorations & Decisions

We chose Option C because:

Placing today’s overview on the left supports faster scanning and reduces cognitive load

Separating treatment protocol and appointments helps patients find and understand information more easily

Action Buttons:
Design Explorations & Decisions

I initially preferred the cleaner look of icon-only buttons, but in client reviews, we agreed that adding labels would provide maximum clarity. This trade-off prioritized usability over visual minimalism.

User Selector:
Design Explorations & Decisions

The last option was chosen because it clearly shows all users with access to the shared information, and the profile images add a friendly, more human feel.

Treatment estimates designed for
clarity and confident decisions

Treatment estimates
designed for clarity and confident decisions

Clarity & Transparency – Side-by-side comparisons make costs and refund options easy to understand and build trust

Decision Support – Visual hierarchy and progressive disclosure help patients compare options without overwhelm

Messaging designed to keep patients
informed and acting with ease

Messaging designed to keep patients informed and
acting with ease

Clarity first – make message types and states easy to scan and understand

Clear hierarchy – balance navigation and actions without visual clutter

Quick action – enable patients to manage messages with minimal effort

Responsive design optimized for hierarchy,
navigation, and usability across viewports

Responsive design optimized for hierarchy, navigation, and usability across viewports

Delivery & Impact

I collaborated closely with UX, PM, engineering, and QA teams across the full sprint cycle—from design and internal reviews to client check-ins, iteration on feedback, QA support, and final delivery.

Beyond the product experience, I partnered with an Art Director to shape the brand identity for the platform, named Felix. I also designed the storyboard and worked with a motion designer to create a launch video that built excitement and adoption.

Since launch, Felix has supported 63K+ patients across 21 healthcare practices, improving both access to care and clarity in communication.

63

K

Patients

21

Healthcare practices

reflection & learning

Designing for clarity sharpened my UX thinking.

Working with dense healthcare content taught me to structure information with intention—creating hierarchies that make complex details easier to navigate and understand.

Empathy shaped how I approached sensitive topics.

Designing for patients in vulnerable moments taught me how thoughtful visuals can bring calm and reassurance to the experience.

Iterating with intention refined my communication.

Through rounds of feedback and revisions, I learned to articulate design rationales more strategically and translate input into purposeful improvements.