Problem Space
Therabody relied heavily on its eCommerce platform for revenue, but the outdated shopping cart experience created unnecessary friction. Users were redirected off the PDP after adding items to the cart, upsells were buried at the bottom of the page, and there was no visibility into shipping thresholds, leading to missed opportunities for upselling and increased cart abandonment.
Solution
I designed a responsive mini-cart drawer to streamline the functionality, showcase upsells prominently, and incorporate features like a shipping threshold indicator and modern payment options.
Impact
While exact metrics weren’t tracked post-launch, the redesign was guided by eCommerce best practices known to:
Improve usability by keeping users on the PDP.
Boost AOV by increasing upsell visibility.
Enhance user engagement through a seamless, intuitive shopping experience.
Timeframe
Role
Senior Product Designer
Team
Product Owner
Head of Digital
Outsourced Engineering
QA Engineer
Revenue
$400MM+
Company size
500+
I first audited the current cart page and identified key improvement areas:
Upsells were positions below the fold, making them easy to miss.
Adding items to the cart redirected users off the PDP, causing friction.
No visible indicator for free shipping eligibility.
No modern payment options like Affirm or Klarna, key for a pricey product.
I conducted a competitive analysis of leading eCommerce sites to gather inspiration and identify best practices. These examples informed my vision for a streamlined, high-performing cart experience.
STEP TWO
I facilitated critique sessions with stakeholders to gather feedback and prioritize solutions. From these sessions, I iterated on multiple layouts that directly addressed key pain points, such as upsell visibility and cart usability.
I developed a phased implementation plan that delivered immediate wins, like improved cross-sell placement, while laying the groundwork for future enhancements, such as dynamic bundling options.
STEP FOUR
I created annotated designs in Figma, documenting all edge cases, interactions, and repeated components to ensure a smooth handoff. To streamline development, I organized the cart redesign almost as a mini design system, enabling engineers to scale the solution efficiently.
I collaborated with the QA engineer to test responsiveness and functionality, ensuring a seamless user experience across devices.
Post-launch data revealed that some users accidentally removed items from their cart instead of closing the cart drawer. To address this, I:
Moved the close button to the right and changed it to an “X” icon.
Adjusted the remove button’s placement and styling to avoid confusion.
Updated item totals for clarity, reducing cognitive load.
These changes were implemented quickly and significantly improved the cart's usability.
Consistent hierarchy and accessibility ensured intuitive navigation.
The mini-cart allowed users to browse, add items, and view upsells without leaving the PDP.
Anchoring effects and progressive disclosure guided users toward confident purchasing decisions.
Clear feedback and error prevention enhanced the shopping experience.
