RxtoMe Pharmacy Portal 2.0
Product Design | Information Architecture | Prototyping
Project Description
Project Overview
The RxtoMe Pharmacy Portal 1.0 is a desktop app that allows pharmacies to connect to the RxtoMe 2.0 mobile app. Through the portal, the pharmacists are able to manage subscriptions, patients and prescriptions.
Target Audience
The users of the RxtoMe Pharmacy Portal 1.0 are pharmacists that are already subscribed to the RxtoMe 2.0 mobile app services.
Project Details
Role: UX/UI Designer
Client:Â RxtoMe / Prizm Media Inc.
Team:Â Matthew Chan and Sean Park (Full-stack developers)
Duration:Â 3 Months
Software: Balsamiq Mockups, Adobe Illustrator, Adobe XD, Invision App
Problem
As opposed to the RxtoMe Mobile 2.0 app that is constantly being updated and tested, the RxtoMe Pharmacy Portal 1.0 has not been updated and the user interface is outdated. There are new features that the RxtoMe Mobile 2.0 app offers that are not part of the current Pharmacy Portal 1.0.
The two products do not look like they belong to the same company.
Main Objectives
- Research and Competitor’s analysis.
- Reorganize the current user flow and restructure the information architecture to add the new features accordingly.
- Re-design the user interface using the branding elements in light version.
- Create a prototype for testing and for the development team to implement the front-end work.
- Ship RxtoMe Pharmacy Portal 2.0.
Before
Pharmacy Portal 1.0Â
After
Pharmacy Portal 2.0
My Design Process
Research
Competitors’ Analysis
The main competitors for RxtoMe are PrescribeWellness, Speed Script and SimplePractice. I created accounts for each one of the platforms to navigate their product and assess their user flow, compare features and study their user interface.
After doing the research, I came up with the following results that would help the team figure out which features we could implement to the Pharmacy Portal and which ones best suit RxtoMe.
SpeedScript
Features:
- Name Inquiry
- Patient Search
- Patient Information
- Auto Refill Rx
- Refill Reminder
- Rx Information
SimplePractice
|
Features:
|
Portal:
|
PrescribeWellness Competitor’s Analysis
Thanks to my thorough research methodologies, I earned the opportunity to present a complete competitor’s analysis of PrescribeWellness. Since this company is the number one competitor for RxtoMe, a detailed research was required to better understand their business model, plan for possible future product features and find opportunities for RxtoMe to improve.
To view my full 2018 competitor’s analysis, click here.
Research Results
|
Possible Features:
|
RxtoMe 2.0 Features:
|
RxtoMe Pharmacy Portal 1.0 Features
After further discussion with the team, we decided to include the following features to the Pharmacy Portal 2.0. These will connected to the RxtoMe 2.0 mobile app.
- Orders List
- Order Status
- Patients List
- Patient Profile
- Memberships
- Membership Types
- Payment Methos
- Messaging
- Account Settings
Original User Interface
The following image shows the original user interface of the RxtoMe Pharmacy Portal Version 1.0
Brainstorm
Proposed Features for the Pharmacy Portal 2.0
After further discussion with the team, we decided to include the following features to the Pharmacy Portal 2.0. These will connected to the RxtoMe 2.0 mobile app.
- Orders List
- Order Status
- Patients List
- Patient Profile
- Memberships
- Payment Methods
- Messaging
- Account Settings
Pharmacy Portal 1.0 Site Map
Pharmacy Portal 2.0 Site Map
Pharmacy Portal 2.0 User Flow
Ideate
Medium Fidelity Mockups
Using Balsamiq Mockups app, I created medium fidelity screens based on the new approved user flow and site map. I used these screens later to create a prototype that was used for testing.
These are some examples of the screens:
Dashboard – Activity Feed
Patients – Patients List
Patients – Patient’s Profile
Orders – Orders List
CreditsÂ
Representative
Settings – Pharmacist Profile
Settings – Pharmacy Profile
Medium Fidelity Prototype
Using InVision App, I put together the medium fidelity prototype to test the new proposed features and user flow. Due to lack of resources, the protype was only tested by volunteer employees of Prizm Media who helped us figure out if the proposed flow was usable and navigable.
Click here to open the prototype in inVision or try it below.
Prototype
Desktop Version High Fidelity Mockups
After testing the medium fidelity prototype internally and after considering the Product Owner’s business model, the results made us made little changes to the labelling and position of certain elements. However the user flow worked.
These are some of the screens of the high fidelity mockups for the RxtoMe Pharmacy Portal 2.0 Desktop version. You can view all the screens in the prototype below or Click here to view in InVision App.
Log In
Orders List
Patients List
Memberships
Order Details
Account Settings – Pharmacy Info
Account Settings – Pharmacy Services
Patient Summary
Patients List and Patient Summary
Mobile Version High Fidelity Mockups
I had to create a few high fidelity screens for the developers to use as a guide for the responsive version. Some of those screens are the following:
Log In
Mobile Menu
Order ListÂ
Order List – Order Information
Order List – Doctor Information
Memberships – Terms and Conditions
Memberships – Select Membership
Memberships – Purchase History
Account Settings
Patient Details
New Message
Message Active Patient
Message Inactive Patient
Search Messages
Memberships
Implement
Front End Development
All the implementation for this project was under the responsibility of Mattew Chan and Sean Park. I was resposible to share with them the Adobe XD export file that includes all the specs for developers. I was available for any communication with them regarding any doubts or questions they may have.
Test
High Fidelity Prototype – Desktop Version
Unfortunately, due to resources and time, the only testing we were able to do was internal with company volunteers. I put together this high fidelity prototype for their use. Any feedback was added to the developer’s notes and implemented in the final product.Â
You can test it below or Click here using InVision App.
View Similar Projects
RxtoMe Website Re-Design
Actibeety – Mobile App
