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

Computer monitor with user interface of RxtoMe Pharmacy Portal 1.0

Pharmacy Portal 1.0 

After

Laptop and three mobile phones with the user interface of the RxtoMe Pharmacy Portal 2.0

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:

  • Secure Messaging
  • Therapy Notes
  • Client Portal
  • Autopay
  • Appointment Reminders
  • Simple booking

Portal:

  • Calenar
  • Clients
  • Billing
  • Insights
  • Activity
  • Reminders

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:

  • Automatic Refills
  • Barcode Generation
  • E-Prescribing
  • Insurance Processing
  • Inventory Management
  • Multi-Store Management
  • Online Refills
  • Pill Imaging
  • Prescription Processing
  • Rx Image Scanning
  • Patient Billing
  • Patient Records Management
  • Reports

RxtoMe 2.0 Features:

  • Refill Reminders
  • Order Manager
  • Credits
  • User Status – Active / Inactive
  • Patient Management
    – Contact Information
    – Insurance
    – Diagnosis
  • Billing
  • Reports
  • News feed / Activity
  • Calendar
  • Rebates/ Cash Rewards

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

RxtoMe Pharmacy Portal original user flow.

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:

RxtoMe Pharmacy Portal medium fidelity mockups of the Credits screen.

Dashboard – Activity Feed

RxtoMe Pharmacy Portal medium fidelity mockups of the Credits screen.

Patients – Patients List

RxtoMe Pharmacy Portal medium fidelity mockups of the Credits screen.

Patients – Patient’s Profile

RxtoMe Pharmacy Portal medium fidelity mockups of the Credits screen.

Orders – Orders List

RxtoMe Pharmacy Portal medium fidelity mockups of the Credits screen.

Credits 

RxtoMe Pharmacy Portal medium fidelity mockups of the Credits screen.

Representative

RxtoMe Pharmacy Portal medium fidelity mockups of the Credits screen.

Settings – Pharmacist Profile

RxtoMe Pharmacy Portal medium fidelity mockups of the Credits screen.

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.

Laptop and three mobile phones with the user interface of the RxtoMe Pharmacy Portal 2.0

View Similar Projects

Laptop with the RxtoMe Website Redesign User Interface

RxtoMe Website Re-Design

Iphone with user interface design of the Actibeety App Dashboard. Actibeety logo next to it.

Actibeety – Mobile App

Computer monitor with RxtoMe User Portal user interface

RxtoMe User Portal – Desktop App