ReadyMeds

Bringing a unique pharmacy experience online


Client: Northway Pharmacy Group
Agency: Goods & Services Branding
Role: UI/UX Designer
Year: July 2019 – September 2020

www.readymeds.ca
UI/UX Design / Brand Implementation


ReadyMeds is a web-based customer profile and on-boarding platform created for Winnipeg's Northway Pharmacy Group. Northway wanted to reach a wider audience across Manitoba with their passion for educating customers, their PacMed compliance packaging, and their automatic refill and delivery service.

Moving from analogue to digital

Northway already has a successful system that they use in their brick-and-mortar locations to fill their customer’s orders. The success of their system led them to want a digital on-boarding system in order to promote their service to a Manitoba-wide audience.

How might we help an innovative pharmacy digitize their on-boarding process to reach more customers?

Learning from customers

During the brief and research process, I reviewed transcriptions and recordings from stakeholder workshops and user interviews that were conducted with existing Northway stakeholder, customers, and pharmacists. Through this review, it was determined that there are three main personas who could be users for the product:

PATIENTS

PATIENTS

CAREGIVERS

CAREGIVERS

PROFESSIONAL CAREGIVERS

PROFESSIONAL CAREGIVERS

While listening to interviews with some of ReadyMeds’ current customers, four main end-user goals arose:

MAINTAINING RELATIONSHIPS
During business hours, customers expect to have access to ReadyMeds pharmacists—on multiple platforms—to provide support when needed: on-line, over-the-phone, and in-person.

CREDIBILITY AND SECURITY
There must be complete confidence in the confidentiality and security of all patient data (health records, prescriptions, contact information, payment information, etc.). One interviewee stated that they would “...go [online] for a bigger chain rather than independent outfit, just for security and credibility.”

CONVENIENCE AND COMPLIANCE
Customers wanted easier ways to get medications for themselves or those in their care. Pharmacists and caregivers also noticed that there was a potential margin for error when customers manually sorted, administered, and/or ordered refills for their prescriptions by themselves.

CARE
ReadyMeds pharmacists pride themselves on their expertise, consultation knowledge, and how well they get to know their customers. Their customers have come to expect high quality care from their pharmacists that would need to be reflected in the on-boarding process.

During their interviews, many customers gave the impression that they wanted their whole pharmacy experience to be as quick and painless as possible so they could move on with their day. One customer stated: “[There were] some issues with wait time for orders especially at Walmart (20 minutes to 1.5 hours) and Shoppers (5-15 minutes). I would order over the phone from Broadway and [a pharmacist] would drop the prescription off for me on their way home.” Others stated that “I wish [my order] would be filled before I even show up. I think...people are very annoyed by it.” Customers seemed resigned to this being another task on their list. This is reflected in the user journey map where customers traditionally started their journey feeling stressed and ended their journey feeling some relief once they had their medications in hand (until the next time they had to order a refill).

Click on the journey map to view at a larger size.

Taking into consideration the pharmacists’ needs

One main caveat was that pharmacists and stakeholders required that the digital on-boarding process be as similar as possible to their current in-store process (including the manual validation and entering of customer data). This is so the new system could be built off of the existing in-pharmacy database (Kroll), allowing the pharmacy to use their existing software. 

There were minor changes made to the new user flow, to give pharmacists enough time to validate users’ information. The on-boarding process would be split into two phases: for the first phase, users would input their general contact information. Once pharmacists received a potential user's contact data, they would manually add that person to the Kroll system, validating the information as they went. Once the initial contact information had been validated, pharmacists will send an email to users, activating the second phase of the on-boarding where users could complete the rest of the sign-up process.

Click the diagram to view the full user flow in Miro.

Click the diagram to view the full user flow in Miro.

The design process

Since this would be an extension of the pharmacy’s existing service, it was important to establish a high benchmark comparable to the in-store service that was being offered. Two major competitors were analyzed: PocketPills and PillPack. While these products occupied much larger, global spaces, they included great layout and content grouping solutions that we could get ideas from. Some takeaways include: 

  • Short descriptions for each step

  • Auto-fill of fields for addresses, pharmacy names, etc.

  • Low number of fields on each page

  • Transfer existing or add new prescriptions

  • Ability to schedule first consultation with a pharmacist

Pill Pack (competitor)

Pocketpills (competitor)

Wireframe prototypes and functional requirements documents were used to iterate on feedback from the business stakeholders and developers about technology feasibility and existing pharmacy workflow. At the beginning of this project, all agency, development, and business stakeholders had detailed ideas about including automated validation and additional features to Kroll’s existing system. However, as the developers tried adding new features to the product, they were unable to do so because of how the initial software was built. This forced the team to rethink what customers would be able to input and view, as well as how elements could be automated or visually displayed. Once finalized, the wireframes were translated into the final mockups, with the visual elements matching those that were used on the marketing website and customer profile section.

Example wireframe of the “Add your new prescription” screen.

Mockup of the “Add your new prescription” screen.

Usability testing

Even though I was no longer involved with the Goods & Services team at this stage, there are three main assumptions/features that I began to usability test with potential customers.

For the MVP version of the product, all customer contact information inputs were included on one screen. However, based on competitor benchmarks, I was concerned that displaying 20 fields on one screen could overwhelm users. During “think-aloud” usability testing sessions, potential customers stated they were not concerned by the number of fields and liked that it involved less clicking. However, they were concerned that if they inputted information incorrectly, they would not be able to find it easily. Error states and callouts would address not being able to find the correction, but I wanted to test another solution: dividing the contact fields across 3 screens, allowing one section to be reviewed at a time. While users wanted to quickly move through the signup process, they wanted to also track their progress easily.

Portion of the MVP layouxt that included approximately 20 fields to fill in.

Updated layout with the numerous fields split into three sections.

Throughout the on-boarding flow, business and agency stakeholders were adamant about using a drag-and-drop interface for uploading scans of health and insurance cards. This was implemented during the initial design, but potential customers stated during testing that they did not feel it was secure enough, since they would submit images of their health/insurance cards and prescription slips. This issue could be resolved by letting users add their information via text fields with an optional drag-and-drop interface, which customers were receptive to during further testing. While this would leave more room for user error, all user information will be confirmed with a pharmacist during the scheduled consultation at the end of the process.

MVP layout with drag-and-drop image uploading.

Updated layout. Fields shown are based on the information given on a Manitoba health card. The drag-and-drop upload is optional.

In the initial design, the last screen of the on-boarding process only stated that a pharmacist would be in contact with the user to schedule their consultation. However, based on comments in the interviews stating that users did not want to wait around for their prescriptions or to talk to a pharmacist, I was not sure if this would be a user-goal-meeting solution. While this may not be possible due to Kroll limitations, it is assumed that users would prefer to schedule their own consultation with pharmacists, instead of waiting for the pharmacist to contact them. However, all of these assumptions and solutions require further usability testing to confirm.

MVP layout where user is notified that their profile has been completed.

Updated completion screen where the user can choose the date and time for their consultation with the pharmacist.

Results

The full ReadyMeds marketing website, on-boarding flow, and user profiles were finally launched in September of this year. Former colleagues that I’ve spoken to have mentioned that the service has taken off and both business and customers seem to find that the on-boarding process is easy to use. One Facebook reviewer has said that, “it’s an awesome system.”

Next
Next

Goods & Services Branding