Add to Cart Upsell
A personalized checkout experience introduced recommendations and deals
The previous retail Walgreens.com checkout experience missed an opportunity to provide customers with additional actions after adding a product to their cart. We updated the add-to-cart interaction to be more intuitive based on users’ selections.
Goals
Increase sales via higher average order volume and conversions
Display related products to increase impulse purchases
Promote offers, corporate initiatives, and supplier-funded items
Increase customer satisfaction score
01
Competitive Analysis
We began this project with a competitor audit and discovered that all of our top competitors were already taking advantage of upsells in their overlays.
02
Initial Concepts
I worked closely with a UX designer who came up with a variety of rough wireframes. We wanted to elevate other products in a natural way without overwhelming the user.
03
Research
We refined the initial concepts down to 2 distinct treatments. The design research team conducted an in-person usability study to evaluate the new concepts against the existing overlay. 12 female Walgreens customers completed a short shopping task to get a Buy One Get One (BOGO) offer.
Existing overlay
✅ Pros
Confirms added item
Straightforward, compact pop up
Buttons provide clear decision point; easy to continue shopping
🚫 cons
Users didn’t complete the BOGO because they missed the ‘mix & match’ link
No image of added product
Half page flyout
✅ Pros
Confirms added item
Shows shipping threshold
Reveals more info while feeling quick
🚫 cons
Add to cart link not very noticeable
BOGO headline was missed so users assumed items were related products
Full page takeover
✅ pros
Confirms added item
Shows shipping threshold
More room for BOGO product cards
🚫 cons
At first, some users thought this page was allowing them to choose a free gift
Additional products may not be seen by users since many didn’t scroll
No image of added product
insights & Recommendations
Users noticed product images that looked relevant to the BOGO they’re trying to complete
Users liked immediate confirmation of reaching thresholds and completing offers
Most users preferred the half-page overlay
Felt more immediate and helped users maintain context
Showed additional products without seeming cluttered
After offer completion, display other relevant sales/deals/coupons to encourage further engagement
04
Design
Using the insights and recommendations gained from the research, I prepared high-fidelity designs and prototypes to hand off to developers.
