Hero image of three user interface steps in a digital self-checkout experience.
OVERVIEW

Optimizing Checkout to do more at scale for pharmacy home delivery

The Checkout experiences was redesigned to include a dedicated Cart, which reduced abandonment by 3%, tripled engagement with an enhanced ‘Continue Shopping’ feature, and increased prescription items added to the cart by 1.7Xs, contributing to medication adherence and proving product value and scalability for both users and the business.

  • MY ROLE: As lead designer, I led the UX strategy and design execution for key conversion flow enhancements, working closely with my partners across Business, Product, and Engineering as well as Research, Analytics, and Accessibility teams.
  • PROJECT TIMELINE: 2 months
  • SKILLS APPLIED: UX strategy, Research planning, UI and Interaction design

Demands increased, raising the need to reimagine the Checkout experience

The one-step checkout flow worked well for a long time. It had a pretty simple job, supporting two core products. As the digital pharmacy grew and new features rolled out, the system became overloaded, and was soon to become overwhelming for users. With more demands on the experience and priorities on the roadmap ahead, it was clear our team needed to rethink how the checkout flow could scale to support growth and better serve pharmacy patients.

Why did it matter?

It was important to address because an overloaded and growing checkout flow risked creating friction in the final moments of order placement, introducing barriers for 60 million people relying on pharmacy services to get their prescriptions. And at that scale, the risk wasn’t just complexity. It had a major impact in delaying care. My challenge was to rethink the end-to-end checkout experience to better support pharmacy patients and their health needs, while meeting the demands of a growing digital platform.

Image of a one-step checkout process and risks of overwhelm
Product flow showing the increasing demand on a one-step Checkout experience

Areas of re-work

After gathering enough requirements to get started, I dug into the existing checkout flow to understand it's current state. I quickly learned it hadn’t been touched in years. Outdated content and inconsistent use of patterns were pretty clear evidence that the experience was old and needed some attention and re-work.

Review and evaluation of the current state digital interfaces of the self-checkout flow.
Review and evaluation of the current state interfaces and flow from Checkout to Confirmation

Needs and goals

Reviewing the current state helped me shape a strategy and identify key painpoints and missteps that were grounded in user and business needs. It also led to defining the questions and goals that would inform my design intentions throughout the process, which ultimately revolved around themes of coherence, predictability, and usefulness:

- "How might we design a scalable checkout experience, enabling users to complete tasks effortlessly with less fallout?"

- "How might we organize information in a way that feels clear and easy to navigate for people to complete their tasks?"

- "How might we design a checkout experience that aligns with what people expect, making it intuitive from start to finish?"

Because the existing checkout flow was absent of a dedicated cart, I started with some discovery work by looking at other sites to validate the pattern as a common step in an online shopping flow.

Image of competitor evaluation with identifiable common usability patterns.
Identifying common patterns across popular online shopping sites

Value in common experiences

My assumption was correct. 100% of all of the online shopping sites I reviewed had a dedicated cart step in a checkout flow. In fact, all of the ones I evaluated had a near identical layout and structure of a cart UI. That meant there were established patterns and conventions when it came to checkout processes; and with that, probably also strong mental models among customers when it came to online shopping.

So, it was clear that including it into the existing pharmacy checkout flow would be beneficial to adopt, to not only help solve the problem of an overloaded and growing checkout experience, but to maintain a familiar model so users could effortlessly navigate through even with the possible addition of a new step.

Early concepts and blockframes of an updated 'continue shopping' feature on a new digital cart interface
Early concepts and blockframes of a new digital cart interface with a 'continue shopping' feature

Tuning into what people wanted

I worked closely with my research partner to plan and run a moderated usability test. The goal was to help us learn and refine the design decisions I explored for a dedicated cart interface that would include additional feature updates and recommended improvements.

The result of that effort gave us productive insights and evidence to share back with key stakeholders during our weekly full-kit-team meetings, align, and continue in a confident path forward with the most desirable, intuitive, and usable approach.

  • Approach A was least desirable: "not noticeable", "too much on one page", "I have to know to scroll"
  • Approach B was popular: the horizontal carousel was familiar but people favored a vertical scroll
  • Approach C was the favorite: "stands out from items in my cart better"
  • It was a conventional pattern in a checkout flow, shown consistently across all online shopping sites, positioning cart items on the left and an order summary on the right. All research participants were familiar with the interface and even expected to see the step.
  • Sentiment and likelihood of using the redesigned 'continue shopping' feature was high and positive at the Cart step, as long as items were relevant.
  • Research also recommended ensuring that the 'continue shopping' feature was visible and available for those who wanted it, but easily optional and avoidable for those who did not for the most meaningful engagement.

Three key enhancements

  1. Introduced a dedicated 'Cart'
    Referencing common e-commerce patterns, I redesigned the checkout flow by adding a dedicated cart, shifting from a one-step to a two-step process. Using Gestalt principles, I grouped related content and tasks across the two steps to improve balance and navigation, reduce friction and cognitive overload, and create an intuitive experience for users.
  2. Redesigned the 'Continue Shopping' feature
    The previous 'Continue Shopping' feature had a 6% engagement rate, navigating users away from their checkout flow, causing risk of fallout. Reseasuring that the 'Continue Shopping' feature was visible and available for those who wanted it, but easily optional and avoidable for those who did not.
  3. Refreshed 'Checkout' and 'Order Confirmation' interfaces
    Introducing a dedicated cart step in the checkout flow impacted connecting touchpoints in the checkout flow, making it essential to consider updating the Checkout and Confirmation screens as well. I collaborated with my content partner and refined the design structure and information architecture to ensure consistency, coherence, and seamless transitions.
A 'Dedicated Cart' step added to what used to a one-step checkout flow
A 'Dedicated Cart' step added to what used to a one-step checkout flow
New interface of a dedicated Cart (left) including 'Continue Shopping' feature enhancements (right)
New interface of a dedicated Cart (left) including 'Continue Shopping' feature enhancements (right)
Before and after comparisons of 'Checkout' and 'Confirmation' user interfaces
Before and after comparisons of 'Checkout' and 'Confirmation' user interfaces

An optimized downstream checkout flow

I redesigned the checkout flow to support future growth while making it easier for people to get what they needed. It also worked smarter by reminding users to act on other prescriptions that were ready to be filled. Even with a new step introduced, cart abandonment dropped by 3% (from 45.1% to 41.9%), showing that the changes didn't introduce friction. Instead, changes reduced it.

One likely reason was the redesigned 'Continue Shopping' feature. Instead of navigating users away, it let them take action right where they were. Engagement with the feature jumped from a 6% benchmark to 19%, helping to drive a smoother, more effective checkout experience. It also increased the number of items added to cart by 1.7Xs, indicating it's effectiveness in reminding people to adhere to their medications.

Let's connect

I'm energized by good conversations, collaborating on ideas, and connecting on interests. Get in touch!
DROP ME A LINE
e-mail me
LET'S NETWORK
LinkedIn
@ WOODSHOP
Instagram