UX/UI Designer
pandiacoverlong.png

Pandia Health-0

Design a responsive site for Pandia Health’s patient portal.

 
current and proposed.png

Current vs. Proposed

 

Design sprint

Tasks: heuristics evaluation, user flows, sitemap, responsive design, wireframes, prototype, and usability testing.

Pandia’s mission is to deliver peace of mind

Their mission goes beyond being a contraceptive delivery service, with the goal to make birth control accessible to whoever needed it. Being a leader in this market for the past 6 years, Pandia strives to grow its connection with their patient base, through live customer service, clear ordering, easy editing, and self-service articles.


pandiapatient.png
What is more convenient than having birth control arrive in a discrete package every month? Not much.
— patient

Problem

Most of their customers have been with them since the company’s inception, but Pandia has noticed a significant drop in patient retention over the past 6 months. They’ve conducted preliminary research and have a strategy to heighten Pandia’s product offerings and services. They have asked our team to consult on a 3-week sprint to:

  • Create design concepts that align with their overall strategy

  • Conduct surveys and interviews to uncover pain points

  • Develop web and app for iOS or Android

  • Ideate self-help services to alleviate the customer service team


 

As much research as you can fit at the top of the funnel

My design process weighs heavily on validating solutions through testing rather than assumptions. Since this was a 3-week sprint, a variety of testing methods were used to start painting a picture; from comparative and competitive analysis, heuristic analysis, surveys, interviews, and usability testing. Some tasks were:

  • Compared to other companies with similar users and offerings. (Hims/Hers and Hello Alpha)

  • Surfaced key findings from surveys pertaining to log-in and portal layout

  • Uncovered 3 main workflows, that were later used for usability testing

Heuristic analysis (mobile)

  • Best mobile practices we propose to update:

    • The hamburger menu is not consistent across pages

    • Patients’ account information is not clickable, only able to edit in “My Profile”

    • Useful links are hidden in secondary pages, (Contact Us and FAQ’s)

comparative.jpg
 

Heuristic analysis

  • Best practices for a cohesive mobile/web design:

    • Have similar navigation; be careful moving main actions into the hamburger menu

    • Have consistent icons; messaging icons

 
account mobileanddesktop.png
 

Testing workflows

10 participants were asked to complete 3 tasks on the current website, then the same 3 tasks on the mobile app.

  1. Can you locate the Frequently Asked Questions section and see if any titles pertain to your questions? If not, are there other places you can navigate to look for help?

  2. You receive a text from Pandia Health that your prescriptions are shipping in a week. You are not currently living where it is shipping. Could you show me where you would navigate to change your shipping address?

  3. Your prescription was shipped and you want to check its delivery progress. Where would you navigate to find this?

 

The results are in

Screen Shot 2020-08-18 at 2.13.50 PM.png

 

Proposed direction

  • Design a multiple-page structure for workflows on mobile

  • Use the same elements for web in a table structure

  • Change the location of duplicate occurrences

  • Iterate sitemap and layout based on survey findings

Information architecture

The proposed decisions I made in the sitemap to create ease of workflow in mobile as well as desktop.

Screen Shot 2020-08-24 at 5.09.26 PM.png
Screen Shot 2020-08-07 at 8.37.08 AM.png

Usability testing

Developing skeleton mockups into hi-fidelity mockups helped testers and stakeholders see how elements would react and share similarities.

faq pandia.gif
desktopmenuchat.png

Next steps

  1. Explore branding; content, customer service live, and bot 

  2. More market research on retention

  3. Engineering efforts in creating apps for iOS and Android

Reflection

The main focus of this project was to create a seamless interaction regardless of where users logged in. The time constraint, mixed methodologies, and vague scope gave me structure and insight into future projects. I reflect back on this design and realize that it was a great first round of concepts. Development and testing will hopefully solidify workflows for future development.

Website