Rx - Delivery Order Fulfillment

Role

Senior UX Designer

Platform

Mobile-Web

Duration

10 months

Sam's Club - Walmart

Nearly half a million Sam's Club members benefit through the delivery order fulfillment, where thousands of pharmacy associates work through multiple process in receiving, validating, bagging and dispatching the orders at the stores. I was sole designer responsible for the complete discovery to end product delivery, which was executed in collaboration with 15 engineers and one product owner.

RxToGo delivery order fulfillment cover screen

The delivery fulfillment application redefined the member - associate experience across 5 pilot states.

55%

reduction in associate delivery dispense time

800+

orders fulfilled

Growing demand for delivery orders and operational challenges forced Sam's Club Health & Wellness team to rethink the delivery order fulfillment process through an application called RxToGo.

The RxToGo application is a newer version of the Walmart-Sam's Club's legacy application: Connexus

The Previous Platform

Connexus is a legacy web application used by pharmacies across Sam's Club and Walmart. All dispense types are processed through this platform, and with respect to delivery - GoLocal is third party platform for performing delivery orders through Connexus.

GoLocal is used by associates to manually schedule delivery date and time

Through the Connexus application, a pharmacist will verify the prescription details with doctor's office and stage for medication fill, followed by:

  1. A pharmacy technician will scan the prescription, and process payment on the in-store POS device by contacting customer.
  2. Post payment the order will be scheduled upon available delivery time.
  3. On the last leg, they will print the documents and stage for delivery driver pickup.

Connexus - Existing Pharmacy Web Application

Pharmacists and technicians utilize this web application to view all the pharmacy fulfillment orders

Connexus pharmacy command centre web application

Entry point for Delivery Orders

Connexus pharmacy command centre web application

Entry point for Delivery Orders

Image intentionally blurred, the nature of this platform is confidential. Please reach out for more details

I spent first few weeks in learning about the problem space. I analyzed the end-to-end journey of order processing by pharmacy associates on both the physical and digital ends.

Associates said the process is tedious and delays in-store customer service.

Strenuous Navigation

The Connexus portal carries a heavy cognitive load making associates interact with multiple sections with prescription and patient details. No room for error is acceptable when dealing with sensitive information.

Top Navbar

Top navbar close-up

Main Navbar

Main navbar close-up Connexus screen showing the main and top navigation bars

Switching Between Tabs

The Connexus-POS-GoLocal applications need to be used in different times throughout an order fulfillment and also having the customer in call for order validation.

POS

POS keypad screen used for order payment
GoLocal booking screen on desktop monitor

GoLocal

POS keypad screen used for order payment

POS

GoLocal booking screen on desktop monitor

GoLocal

Laborious Task

The overall process requires associates to move back and forth between main work-desk to staging areas with interactions of scanners, computers, printers, telephones and hand-held devices.

Five-stage workflow filmstrip: start delivery order, review and print label, verify order and schedule payment, schedule pickup, print label and pack the prescription

After identifying problems with the overall fulfillment process, I outlined three areas for a new design to innovate in:

  1. Transparency — Bringing all the delivery order information upfront in a single dashboard.
  2. Integrated — Combine the delivery scheduling and checkout into a unified flow.
  3. Acquaintance — The tone and design system of the app is reflected around working language familiarity.

As pharmacy associates, they need accessible delivery fulfillment to efficiently complete orders and spend more time with customers.

Order Maintenance Dashboard

I simplified prescription order management with a clear dashboard to view orders and delivery updates.

Order Maintenance Dashboard

A linear action navbar makes it easier to navigate orders in queue and their statuses. The table is laid out by Name, Rx Count, Cost, Status, Bag and Origination, giving associates ample information to process an order, with all tertiary actions related to tech support kept accessible.

Order maintenance dashboard

Processing Delivery Order

To streamline order processing, the previous hardware-software interactions were translated into a single linear layout for quick and easier processing.

Mobile Checkout

Post delivery scheduling, there is a need for scanning the prescription for checkout. The scanning and printing tasks are performed through this mobile app that reduces mobility and the POS dependancy.

Mobile Checkout

The prescription is prioritized for validation by pharmacists and doctors, with updates possible in one place without external navigation. Color coded bags identify prescriptions in staging when ready to checkout, payments can be viewed and updated without POS interaction, and the schedule is split by date and time based on GoLocal driver data, showing upfront available times to communicate with customers.

Mobile checkout screens

Processing Delivery Order

The prescription is prioritized for validation by pharmacists and doctors, with updates possible in one place without external navigation. Color coded bags identify prescriptions in staging when ready to checkout, payments can be viewed and updated without POS interaction, and the schedule is split by date and time based on GoLocal driver data, showing upfront available times to communicate with customers.

Review order screen showing prescription, delivery, payment and schedule sections for processing a delivery order

Mobile Checkout

Post delivery scheduling, there is a need for scanning the prescription for checkout. The scanning and printing tasks are performed through this mobile app that reduces mobility and the POS dependancy.

A mobile checkout product diversification was needed to perform the scanning and printing tasks that bypass the POS interaction and reduce associate mobility within the store.

1 · Leveraging An Existing App

A Walmart fulfillment app was redefined for order checkout to reduce engineering effort and ease user adaptation.

2 · Designing For Familiarity

Using a cohesive design system between Walmart and Sam's Club DLS, the app was designed around a unified brand guideline.

Primary Tasks

Finding an order through the app was straightforward with bag and prescription scan as primary tasks followed by printing receipts.

Order card with bag code, prescription count and time

RxToGo Checkout order list screen

The scan action can be accessed via digital touch and physical buttons.

The mobile scanner UI follows hardware guidelines.

Scan will call bag screen with barcode scanner

I brought back the apps to validate with pharmacy associates using an interactive prototype.

Associates appreciated the web portal for delivery orders, reducing clicks and dependency on GoLocal.

The mobile app is more handy for checkout and finish tasks promptly.

Strengths

Opportunities

The feedbacks were addressed on prioritization, that led to the following product development framework, driven by a continuous feedback loop between associates and a close partnership with engineering and product teams for quicker rollout with less design debt.

Web Order Que Iteration

Keeping action items and order details visible reduced clutter, while fine-tuning the brand color ensured consistent experience across both the apps.

Web order queue iteration 1

Iteration 1

Web order queue iteration 2

Iteration 2

Order Page Iteration

Focusing on secondary information like payments and scheduling helped associates make informed decisions

Restructured content for Medicaid orders and patient out-of-pocket costs

Operational feedback iteration for changing payment terms

Order comment captured based on both associate and customer feedback

Order page iteration

Added depth to the pricing structure

Limiting the status only by order, removing the bag code from the previous version

Mobile Checkout Que Iteration

The card component evolved through iterations using user micro-copy validation and functional visual cues.

Mobile checkout queue iterations from initial design to final design

Initial Design

Iteration 1

Iteration 2

Iteration 3

Final Design

The web portal interface was designed from scratch with minimal ties to the parent DLS used internally at Sam's Club. The mobile version combines elements from both Sam's Club and Walmart.

BlueSteel DLS For Web Tool

Drawing patterns from core DLS, these components were tokenized and published officially for future web tool references.

BlueSteel DLS for web tool components

Towards the final phases of this project, I documented the complete flow including possible edge cases based on end user recommendation and business scenarios that helped the engineering team to develop the product.

RxToGo was rolled out across 6 pilot states that fulfilled 800+ orders.

Launch Ready-Design

The shipped product was presented in the Health & Wellness product event, a Quarterly org. wide meeting that showcased new product launches across Sam's Club.

Collect post-launch user feedback

Although many possible use cases were captured and rolled out in production, certain use cases arise that requires operational alternative or rethink product strategies. Likewise as a team, we had to wait on a periodic feedback collection for next steps.

Expand further on more fulfillment options

This new delivery fulfillment process gained confidence among business and pharmacy associates to encourage designing for other fulfillment options that can be integrated into this app.

Design Thinking

Leading design thinking workshops with cross functional partners enabled taking informed design decisions for shaping the product. It helped in bringing the team to a common alignment for solving problems and build together by meeting prompt timelines.

Trust In Research

I set the foundation strong through research and connected the dots in the process to justify the user requirements and craft the product requirements along with product team.

Strategic Pushbacks

Acknowledged business decisions when needed and negotiating with different stakeholders became a crucial learning through this project. Strong communication skills helped in overcoming barriers.

Thank you for reading!

Check out more of my work ↓