Efficient, Cost-Effective Drug Management Made Simple

Role: Lead UX Designer a team of 4
Client: Prime Therapeutics (Now Magellan RX)
Tools: Figma, Figjam, Airtable, UserTesting
Duration:  Spring 2024 – Ongoing

Overview

 

Background

Prime Therapeutics is an award-winning pharmacy benefit management organization that offers innovative drug management solutions across the country. Their services include specialty and medical drug management, all aimed at improving pharmacy care and health outcomes. With the expertise of Magellan Rx, Prime is working to make healthcare more efficient and supportive.

My Assigned Tasks

  1. Redesign the homepage based on feedback by producing sketches, wireframes, and final designs that emphasize responsiveness and accessibility.
  2. Create a comprehensive design system to maintain consistency across the site.
  3. Carry out a third round of usability testing on the redesigned homepage to evaluate its effectiveness.
  4. Iterate on the designs in Q4 based on testing results and user feedback.

The Problem

 

  • Accessibility Barriers: Users found it challenging to use the dashboard, especially those with specific accessibility needs. They struggled to interact with the platform smoothly.
  • Confusing Layout: The structure of the dashboard felt disorganized, making it hard for users to understand where to go or how to use the tools effectively.
  • Hard-to-Find Features: Users often got lost trying to navigate the platform. Key functions weren’t easy to locate, leading to frustration and wasted time.
  • Lack of Personalization: The dashboard didn’t offer enough options for users to tailor it to their preferences, leaving them feeling like it didn’t meet their individual needs.
  • Feature Frustrations: Important tools like the drug cost calculator and predictive tools for medication adherence and opioid misuse weren’t as intuitive or helpful as users expected, which limited their effectiveness.

My Project Deliverables

  • Develop Initial Wireframes: Create wireframes for the new feature, ensuring they align with user needs and project specifications for presentation to stakeholders.

  • Transform to High-Fidelity Designs: Convert wireframes into high-fidelity designs, incorporating feedback and visual elements that enhance user experience, and prepare them for stakeholder review.

  • Gather Feedback and Iterate: Collect feedback from stakeholders, iterate on the designs based on their insights, and ensure the designs meet accessibility standards.

  • Deliver Final Mockups to Dev: Finalize the high-fidelity mockups and deliver them to Dev for implementation.

  • Document Design Decisions: Record design decisions made throughout the process for future reference.

  • Create Design Systems: Develop design systems to maintain consistency throughout the project.

     

Research

 

User Interviews

Working closely with a great project owner, we interviewed users to uncover pain points and explore a more modular UI. Together, we shared these insights with the front-end team and developers.

Discovery

Learning is a non-linear journey. Throughout the project, I aligned with the client’s business goals by conducting stakeholder interviews and performing market and competitive research to identify evolving needs and gaps. My research process included:

 

  1. Establish objectives and create a plan.
  2. Identify hypotheses and assumptions.
  3. Choose methods to address knowledge gaps.
  4. Conduct research and collect data.
  5. Analyze and synthesize the findings.
 
 
Airtable data that I’m authorized to share under the NDA agreement.

In developing the product strategy, I crafted an empathy map to uncover user needs and frustrations, which helped shape the site’s information architecture. Leveraging research insights, I identified key features for the MVP, prioritizing them through an impact vs. effort analysis. This foundational work set the stage for future wireframing and content strategy.

Design Process

 

Sketching…a significant amount of it.

Sketching helps me transform abstract ideas into visual concepts quickly. This makes it easier for everyone to engage in discussions and agree on key design priorities. The instant feedback fosters collaboration, ensuring all stakeholders are aligned from the very beginning. It really lays a clear path for the project right from the start.

Wireframing

 

It really helped for the A/B testing sessions.

We found that users were overwhelmed by too much information on one screen, making it hard to navigate and find what they needed. Testing confirmed that they struggled with content overload. By simplifying the design and prioritizing key info, we made navigation easier and reduced cognitive load, leading to a more user-friendly final design.
We explored six different approaches for the homepage across multiple design iterations.

High Fidelity Design Screens

 

Due to an NDA agreement, I am only able to share a previous version of the approved product.
While developing the product strategy, I created an empathy map to uncover user needs and pain points, which informed the design of the site’s information architecture. Using research insights, I identified and prioritized key features for the MVP through an impact versus effort analysis. This groundwork laid the foundation for subsequent wireframing and content strategy.

Sample of an NDA for agreed-upon approved designs.

Outcome

During the redesign of the homepage dashboard, I realized that more data doesn’t always mean better usability. The original design overwhelmed users with dense tables, leading to confusion and frustration.

 

Key Takeaways:

    1. Simplify Data Presentation: Shifting from heavy tables to clean visualizations made insights easier to understand at a glance.
    2. Use of Dynamic Widgets: Incorporating widgets with real-time data improved interaction and reduced clutter, enhancing the overall experience.
Overview
The Problem
Research
Design Process
Testing
Outcome

Gregorio Ramirez 2024 -