Euphoria [Ria] Gray

Product Designer

Euphoria

[Ria]

Gray

Product Designer

Euphoria [Ria] Gray

Product Designer

Portal Redesign: Enhancing Pre-Surgical Readiness for Patients

Project type


Patient portal redesign

project for One Mnet Health's pre-op platform

Project type


End-to-end product redesign project for One Mnet Health's pre-op and post-op platform

My role


UX designer

UX researcher

Project manager


Target users


Patients completing pre-surgical requirements and
mobile + desktop users

Outcome


12% ↑ in health history start rate


8% ↑ in mobile completion rate

Contribution


High-fidelity prototypes

Customer research

Stakeholder research

Usability testing

Project management


Duration


3 months

IMPACT
Results & metrics
+12% ↑

Health history start rate

+8% ↑

Mobile health history completion rate

At the time of this project, the platform contained health information for more than 2 million patients and supported more than 15,000 clinicians.


Following improvements to the patient portal, we saw a 12% increase in patients starting their health history, and a 8% increase in successful mobile-health-history submissions.

One Mnet Health's platform supports the pre-surgical workflow between patients and surgical facilities. Patients complete their health histories and other pre-operative requirements, while the clinical teams use that information to prepare for surgery and identify potential risks.

At the time of this project, the platform contained health information for more than 2 million patients and supported more than 15,000 clinicians.

Following improvements across the pre-surgical experience, overall health history completion increased by 6%.

Because health histories can be completed by both patients and facility staff, the available data does not isolate how much of the increase resulted specifically from patient portal improvements. Rather than attributing the full increase to the redesign, I use this metric to show the broader outcome observed following the project.

BACKGROUND

Surgery centers use One Mnet Health's SaaS platform to manage pre-operative workflows.

Before surgery, patients may be asked to log into the Patient Portal to complete their health history and other required pre-operative information. That information is then made available to the surgical facility, where clinical staff can review and manage it as part of the pre-surgical process.

The Patient Portal is therefore one part of a larger workflow involving both patients and facility staff.

Because the experience often occurs before an upcoming procedure, the portal needs to be understandable for users with varying levels of technical familiarity and accessible across desktop and mobile devices.

CHALLENGE
User challenges

Customer feedback and internal conversations identified recurring friction in two areas:

  1. Accessing the portal: Patients encountered difficulties around logging in and accessing their account.

2. Completing their health history: The health history experience involved a significant amount of information and could be difficult to navigate or complete.

Patients are abandoning their health histories, especially right after login.
How can we improve patient's health history completion rates?

Patients are abandoning their health histories, especially right after login.

How can we improve patient's health history completion rates?

I needed to understand:

  • Where was the experience creating unnecessary friction?

  • Which problems were worth prioritizing?

  • How could we improve the patient experience while supporting the clinical workflows of our paying customers?

While patients used the portal, surgical facilities were the company's customers. Hence, I would need to consider their operational and clinical needs in my product decisions.

PROCESS
Narrowing down the scope

In the project's early stages, we had considerable freedom to identify user pain points within our solutions. I concentrated our efforts on the high-impact areas. Our Facility Portal and our Patient Portal.

SURGICAL CASE WORKFLOW

Curious about the other portal's enhancement efforts? Check it out here.

Design process
RESEARCH & SYNTHESIZE
Researching two sides of the experience

Because surgical facilities were the paying customers, most direct stakeholder research focused on existing customers and the internal teams who worked closely with them.

I gathered insight from:

  • Surgical facility customers: Interviews and conversations helped identify workflow requirements, recurring customer concerns, and areas where the product created friction.


  • Customer Success Managers: CSMs provided additional context about recurring customer feedback and common problems reported by facilities.


  • Usability testing: To evaluate the patient-facing experience, I conducted usability testing with approximately 10 independently recruited participants online.

    (Note: These participants were not existing patients due to privacy reasons. The goal was not to treat them as a perfect representation of One Mnet Health's patient population, but to identify usability issues and evaluate whether key tasks and interactions were understandable.)


Some participants voiced their concerns:

Because surgical facilities were the paying customers, most direct stakeholder research focused on existing customers and the internal teams who worked closely with them.

I gathered insight from:


  • Surgical facility customers: Interviews and conversations helped identify workflow requirements, recurring customer concerns, and areas where the product created friction.


  • Customer Success Managers: CSMs provided additional context about recurring customer feedback and common problems reported by facilities.


  • Usability testing: To evaluate the patient-facing experience, I conducted usability testing with approximately 10 independently recruited participants online.
    (Note: These participants were not existing patients. The goal was not to treat them as a perfect representation of One Mnet Health's patient population, but to identify usability issues and evaluate whether key tasks and interactions were understandable.)


Some participants voiced their concerns:

"What am I supposed to do here?"

"I have cataracts, I cannot see the questions"

"I have cataracts, I cannot see the questions"


Defining the friction points

The existing portal worked, but the experience often required patients to interpret the interface before they could take action. From customer feedback and usability testing, I focused on reducing friction at several key moments.

  1. "Getting started"
    The entry experience provided limited context about what the portal was for and what patients needed to do.

    Goal: Make the purpose of the portal and the next step immediately clear.

  1. "Getting started"
    The entry experience provided limited context about what the portal was for and what patients needed to do.

    Goal: Make the purpose of the portal and the next step immediately clear.

  1. "Choosing the next action"
    The existing dashboard presented several actions with similar visual weight, making it harder to identify the primary task.


    Goal: Establish a clear primary action and organize secondary tasks around it, while providing a better information hierarchy so patients could scan the page more easily.

  1. "Choosing the next action"
    The existing dashboard presented several actions with similar visual weight, making it harder to identify the primary task.


    Goal: Establish a clear primary action and organize secondary tasks around it, while providing a better information hierarchy so patients could scan the page more easily.

  1. "Using the portal across devices"
    The previous experience did not always translate naturally to smaller screens.


    Goal: Design responsive layouts that preserved hierarchy and made actions easier to access on mobile.


  1. "Using the portal across devices"
    The previous experience did not always translate naturally to smaller screens.


    Goal: Design responsive layouts that preserved hierarchy and made actions easier to access on mobile.

IDEATE
Turning feedback into design decisions

I combined customer and stakeholder feedback with usability testing to identify where the interface created unnecessary uncertainty or cognitive load. I then translated those findings into a set of design principles.

Provide context before asking for action

I redesigned the entry experience to better explain what patients were doing and distinguish between new and returning users. The updated experience clearly separates the "Creating an account" v.s. "Returning to an existing account"

This reduced ambiguity at the beginning of the pre-admission journey.

Make the next step obvious

For example, the redesigned dashboard prioritizes starting a new procedure while grouping secondary tasks such as managing an account or creating a record for a family member into separate, scannable cards.

Reduce cognitive load through hierarchy

I reorganized the dashboard to create clearer separation between:

  1. Starting a new procedure

  2. Managing an account

  3. Accessing existing Medical Passport records

By grouping related actions and establishing stronger visual hierarchy, patients could scan the experience more quickly and identify relevant tasks.

Design for responsive use

Rather than simply scaling down the desktop layout, I worked with an engineering counterpart to adapt the experience for smaller screens. This mobile redesign uses stacked content, larger touch targets, and clearer separation between actions to preserve usability across devices.

OUTCOME

Following improvements to the patient portal, we saw a 12% increase in patients starting their health history, and a 10% increase in successful health history submissions for mobile users.

+12% ↑
Health history start rate
+8% ↑
Mobile completion rate

Made in Seattle with boba and beef noodle soup

Made in Seattle with boba and beef noodle soup