Improving Customer Safety During the Pandemic
at a nationwide retail pharmacy
Web Application
Senior UI/UX
8 Month Duration
Improving Customer Safety During the Pandemic
at a nationwide retail pharmacy
Web Application
Senior UI/UX
8 Month Duration
Improving Customer Safety During the Pandemic
at a nationwide retail pharmacy
Web Application
Senior UI/UX
8 Month Duration
Improving Customer Safety During the Pandemic
at a nationwide retail pharmacy
Web Application
Senior UI/UX
8 Month Duration
Overview
Overview
I supported a critical initiative focused on enhancing convenience and improving customer safety during the COVID-19 pandemic. My team and I were tasked with crafting a seamless same-day delivery service for essential goods and prescriptions, accessible through both the website and native app.
I supported a critical initiative focused on enhancing convenience and improving customer safety during the COVID-19 pandemic. My team and I were tasked with crafting a seamless same-day delivery service for essential goods and prescriptions, accessible through both the website and native app.
The Problem
While many valued online ordering and contactless pickup, a segment of customers, unable or unwilling to leave their homes or visit stores due to perceived risks, remained underserved.
While many valued online ordering and contactless pickup, a segment of customers, unable or unwilling to leave their homes or visit stores due to perceived risks, remained underserved.
The Vision
Our vision centered on augmenting the current experience by introducing a same-day delivery fulfillment feature directly into the shopping process. This option would complement traditional shipping and pickup choices, accessible from both search results and product details pages. Users would enjoy the flexibility to customize fulfillment preferences within the shopping cart. Beyond convenience, our goal was to leverage this functionality as a preventive measure against the spread of COVID-19.
Our vision centered on augmenting the current experience by introducing a same-day delivery fulfillment feature directly into the shopping process. This option would complement traditional shipping and pickup choices, accessible from both search results and product details pages. Users would enjoy the flexibility to customize fulfillment preferences within the shopping cart. Beyond convenience, our goal was to leverage this functionality as a preventive measure against the spread of COVID-19.
Intended Audience
Our primary focus was catering to customers who sought to avoid in-store visits but needed timely delivery of prescriptions and essential items, ideally within a 2-hour window. Additionally, we addressed the needs of customers who had grown accustomed to doorstep deliveries and sought expanded product options and real-time inventory through our app.
Our primary focus was catering to customers who sought to avoid in-store visits but needed timely delivery of prescriptions and essential items, ideally within a 2-hour window. Additionally, we addressed the needs of customers who had grown accustomed to doorstep deliveries and sought expanded product options and real-time inventory through our app.
My Role
UI/UX Design
Team Leadership
Design System Advocacy
UI/UX Design
Team Leadership
Design System Advocacy
Scope & Timeline
The project scope encompassed enhancing both the website and app experiences, with a primary emphasis on optimizing the website's functionality. The aim was to ensure that the native app experience closely mirrored the website's capabilities. The project timeline was confined to approximately eight months.
The project scope encompassed enhancing both the website and app experiences, with a primary emphasis on optimizing the website's functionality. The aim was to ensure that the native app experience closely mirrored the website's capabilities. The project timeline was confined to approximately eight months.
Process
Process
As an external consultant brought into the team, my main objective was to grasp and align with the organization's UX procedures, starting with addressing their urgent needs first. Building trust allowed me to propose minor enhancements to their UX delivery, specifically in the realm of design systems.
Given the extensive scale of the program, it wasn't feasible for me to be involved in every facet of product design. Nonetheless, it was crucial for us, as newcomers, to follow a set process. This often meant incorporating research and insights from researchers, prepared well in advance of our active engagement.
As an external consultant brought into the team, my main objective was to grasp and align with the organization's UX procedures, starting with addressing their urgent needs first. Building trust allowed me to propose minor enhancements to their UX delivery, specifically in the realm of design systems.
Given the extensive scale of the program, it wasn't feasible for me to be involved in every facet of product design. Nonetheless, it was crucial for us, as newcomers, to follow a set process. This often meant incorporating research and insights from researchers, prepared well in advance of our active engagement.
01
Understand
The organization had previously conducted internal research and categorized personas into two primary groups: customers expressing health-related apprehensions regarding COVID-19 exposure and those who favor the convenience or regularly depend on same-day delivery services.
The organization had previously conducted internal research and categorized personas into two primary groups: customers expressing health-related apprehensions regarding COVID-19 exposure and those who favor the convenience or regularly depend on same-day delivery services.
02
Define
In the Define phase, our focus expanded to encompass business requirements and operational constraints, extending beyond the realm of user needs alone. This critical phase required us to strategically navigate through a maze of complex considerations, namely:
Negotiating varying store closing times to define cutoffs for same-day order placement.
Refining UX copy to clearly differentiate between "shipping" and "same-day delivery."
Addressing out-of-stock scenarios and delivery delays, particularly for perishable goods.
Implementing multiple fulfillment options (shipping, pickup, same-day delivery) within a single transaction.
Identifying the most user-friendly point for fulfillment option selection, whether on the product details page, in the cart, or through an interstitial step.
Enhancing stock status visibility and providing options for users to switch pharmacies for items in stock, considering the associated implications.
Planning for product substitutions and crafting tailored email communications for various scenarios.
These elements underscored the intricate planning required to refine our service offering. Additionally, the uncertainty surrounding the selection of a same-day delivery partner and integrating their services—such as real-time order tracking—into our user experience further complicated the planning process, emphasizing the challenge of aligning multiple moving parts to develop a seamless service.
In the Define phase, our focus expanded to encompass business requirements and operational constraints, extending beyond the realm of user needs alone. This critical phase required us to strategically navigate through a maze of complex considerations, namely:
Negotiating varying store closing times to define cutoffs for same-day order placement.
Refining UX copy to clearly differentiate between "shipping" and "same-day delivery."
Addressing out-of-stock scenarios and delivery delays, particularly for perishable goods.
Implementing multiple fulfillment options (shipping, pickup, same-day delivery) within a single transaction.
Identifying the most user-friendly point for fulfillment option selection, whether on the product details page, in the cart, or through an interstitial step.
Enhancing stock status visibility and providing options for users to switch pharmacies for items in stock, considering the associated implications.
Planning for product substitutions and crafting tailored email communications for various scenarios.
These elements underscored the intricate planning required to refine our service offering. Additionally, the uncertainty surrounding the selection of a same-day delivery partner and integrating their services—such as real-time order tracking—into our user experience further complicated the planning process, emphasizing the challenge of aligning multiple moving parts to develop a seamless service.
03
Ideate
As the lead designer, I supported the entire user journey, from the initial discovery of the same-day delivery service to checkout and follow-up email communications. My team of junior designers concentrated on specific segments of the user journey, including browsing, searching, product details, the shopping cart, and checkout.
Our multidisciplinary team—comprising product, design, and development leads—regularly convened for brainstorming sessions to discuss and refine ideas. This dynamic process allowed us to eliminate less-effective concepts and focus on significant enhancements:
Prompting users to log in or enter a delivery address early in their journey when they signaled interest or intent to utilize same-day delivery.
Introducing search and browse filters by fulfillment option (pickup, same-day delivery, shipping).
Supporting mixed fulfillment options within a single transaction.
Implementing dedicated CTAs for each fulfillment option on product detail pages, organized within accordions for easy access, with the option to change selections directly in the shopping cart.
Determining unique same-day delivery cutoff times for each store, based on store preferences and shipping partner agreements.
Automating email notifications for a range of updates, including order confirmation, shipping status, and out-of-stock alerts.
Facilitating the search for and order from nearby stores when preferred items are out of stock.
Developing a system for substitutions when specific items or sizes are unavailable for same-day delivery.
Designing for these enhancements required careful consideration of numerous nuanced scenarios to ensure a seamless user experience. As designs received approval, my role evolved to focusing on detailed mockups for prototyping and implementation.
As the lead designer, I supported the entire user journey, from the initial discovery of the same-day delivery service to checkout and follow-up email communications. My team of junior designers concentrated on specific segments of the user journey, including browsing, searching, product details, the shopping cart, and checkout.
Our multidisciplinary team—comprising product, design, and development leads—regularly convened for brainstorming sessions to discuss and refine ideas. This dynamic process allowed us to eliminate less-effective concepts and focus on significant enhancements:
Prompting users to log in or enter a delivery address early in their journey when they signaled interest or intent to utilize same-day delivery.
Introducing search and browse filters by fulfillment option (pickup, same-day delivery, shipping).
Supporting mixed fulfillment options within a single transaction.
Implementing dedicated CTAs for each fulfillment option on product detail pages, organized within accordions for easy access, with the option to change selections directly in the shopping cart.
Determining unique same-day delivery cutoff times for each store, based on store preferences and shipping partner agreements.
Automating email notifications for a range of updates, including order confirmation, shipping status, and out-of-stock alerts.
Facilitating the search for and order from nearby stores when preferred items are out of stock.
Developing a system for substitutions when specific items or sizes are unavailable for same-day delivery.
Designing for these enhancements required careful consideration of numerous nuanced scenarios to ensure a seamless user experience. As designs received approval, my role evolved to focusing on detailed mockups for prototyping and implementation.
04
Prototype
Prototypes were created and were specifically designed to support concept testing with users and for executive leadership review. Given my visual design background, I was tasked with supporting the visual design team with high-fidelity comps.
Prototypes were created and were specifically designed to support concept testing with users and for executive leadership review. Given my visual design background, I was tasked with supporting the visual design team with high-fidelity comps.
05
Test
The organization's in-house user testing team collaborated closely with us, utilizing the prototypes we developed and my usability test plan as a starting point. These tests uncovered several critical issues in our design that needed refinement. Through qualitative user testing, we explored various concepts, leading to significant findings:
Asking users for a ZIP code immediately upon entering the site was off-putting for most users.
Despite the apparent similarity, users easily grasped the distinction between "Shipping" and "Same-Day Delivery."
On product detail pages, the preference was clear for arranging all three CTAs in accordions, over our alternative approach of a single "Add to cart" CTA followed by a modal to select the fulfillment type.
Recommendations from the research team were incorporated into the experience design.
The organization's in-house user testing team collaborated closely with us, utilizing the prototypes we developed and my usability test plan as a starting point. These tests uncovered several critical issues in our design that needed refinement. Through qualitative user testing, we explored various concepts, leading to significant findings:
Asking users for a ZIP code immediately upon entering the site was off-putting for most users.
Despite the apparent similarity, users easily grasped the distinction between "Shipping" and "Same-Day Delivery."
On product detail pages, the preference was clear for arranging all three CTAs in accordions, over our alternative approach of a single "Add to cart" CTA followed by a modal to select the fulfillment type.
Recommendations from the research team were incorporated into the experience design.
Project
Challenges
The primary challenges encountered in this project stemmed from its inherent complexity—launching a same-day delivery service within a retail pharmacy setting required extensive strategic planning due to numerous variables. Ensuring an exceptional customer journey from order placement to delivery presented numerous potential pitfalls, including stock shortages, delivery delays or unavailability, late arrivals of perishable items, and misdeliveries.
Additionally, interpersonal dynamics posed significant hurdles. Diverse preferences among designers and stakeholders, shaped by their personal needs and shopping behaviors, led to considerable time spent pursuing unfeasible ideas. These issues were only resolved after user testing provided definitive feedback.
In the process of optimizing design operations, the organization faced significant hurdles due to its reliance on disparate software tools for wireframing, UI, and prototyping, which compromised efficiency. My push for a modern, unified approach and a high-fidelity component library to streamline workflows, despite its clear benefits, was met with considerable resistance. This opposition was rooted in concerns over the learning curve for the team, already familiar with the existing tools, and underscored how internal dynamics can impede the implementation of beneficial changes in large organizations.
The primary challenges encountered in this project stemmed from its inherent complexity—launching a same-day delivery service within a retail pharmacy setting required extensive strategic planning due to numerous variables. Ensuring an exceptional customer journey from order placement to delivery presented numerous potential pitfalls, including stock shortages, delivery delays or unavailability, late arrivals of perishable items, and misdeliveries.
Additionally, interpersonal dynamics posed significant hurdles. Diverse preferences among designers and stakeholders, shaped by their personal needs and shopping behaviors, led to considerable time spent pursuing unfeasible ideas. These issues were only resolved after user testing provided definitive feedback.
In the process of optimizing design operations, the organization faced significant hurdles due to its reliance on disparate software tools for wireframing, UI, and prototyping, which compromised efficiency. My push for a modern, unified approach and a high-fidelity component library to streamline workflows, despite its clear benefits, was met with considerable resistance. This opposition was rooted in concerns over the learning curve for the team, already familiar with the existing tools, and underscored how internal dynamics can impede the implementation of beneficial changes in large organizations.
Project
Outcomes
I concluded my role in the project prior to fully assessing the impact of our work. Regardless, we rapidly deployed this new feature at the peak of the pandemic to millions of customers, offering significant peace of mind and convenience to our two main audiences, part of the 8 million customers that they reach on a daily basis.
I concluded my role in the project prior to fully assessing the impact of our work. Regardless, we rapidly deployed this new feature at the peak of the pandemic to millions of customers, offering significant peace of mind and convenience to our two main audiences, part of the 8 million customers that they reach on a daily basis.
