Research
Aside from the Baymard Institutes' reports and competitor and e-commerce analysis, we gained our most valuable learnings from observing our checkout user testing sessions where we could see the real pain points our users face when adding to cart.
As expected the biggest issue was the cross-sell pop-up interrupting the user’s journey right after adding to cart.
Design phase
I first built a medium-fidelity wireframe in SketchApp with design-system elements that I created in the previous checkout redesign and then created paper sketch wireframes for ideas that could solve the outstanding problems.
After reviewing the wireframes with the cross-functional team I was working with, I updated my designs to include the different scenarios, all variations and states of any newly introduced components.
Empty and filled peeking cart previews
Results
After releasing the new peeking cart we AB tested the new cross-sell format.
The new cross-sell significantly outperformed the old format, leading to a 3% increase in revenue per session.