YETI - Reimagined Mini Cart
Overview
Redesigned the Mini-Cart experience which allows customers to shop with more intuitive, premium and on-brand experience. This is live on site for all users.
The old minicart experience was very outdated in terms of UI and UX, so we decided to revamp the minicart experience and to bring more on-brand, intuitive, and premium design to match our products.
As a UX/UI Designer at YETI, I have been working on variety of site wide projects that consumers experience for the brand. I was in charge of the ideation, design/development specification. Worked closely with developers throughout the build and QA sessions. Worked closely with the Senior Manager UIUX Designer for the advise.
Role: Lead UX/UI Designer
Team: UX/UI Design Team, Development Team
Year: 2024
Project Type: UX/UI Design, Interaction Design, User Centric Design, Animation, Prototyping, A/B Test, User Flow
The Design
As a part of Checkout Flow Refresh, I redesigned the Mini-Cart experience which allows customers to shop with more intuitive, premium and on-brand experience. This is live on site for all users now after going through A/B test. I designed new components used here, including new product tiles in different states (In stock, Out of stock, Custom order) with newly designed Quantity Selector, Naming Convention, CTAs. As UX perspective, we thought about all the possible scenarios and edge cases that are essential to this flow. I designed all the states - instance when item just added, Mini-Cart opened from the main navigation at the top, empty state, with custom order state, and more.
Since Mini-Cart is such an important part of the checkout flow that allows customers to decide their purchase, we wanted to make this experience best as possible. This project was a great collaboration with the Developers, and Product Managers.
Impact
The new redesigned minicart surely set a standard to the whole site in terms of UI and the user experience is a lot more intuitive. Many other components on site are now becoming more like the new minicart, which is premium and modern.
As we redesigned the minicart, we also redesigned the checkout experience as well. With the newly designed minicart and checkout flow, as a synergy, the Abandon Cart rate went down, and Purchase Session/ Checkout Session went up, meaning customers are not leaving the cart and tend to complete the checkout session, ultimately purchasing the products. It is extremely healthy checkout flow and from then our team has been perfecting the experience even more.
Takeaways
This project was a great collaboration with the Developers, and Product Managers. From the ideation phase to design phase, then to development phase, it was a long journey filled with new learnings and awesome collaboration. While working on this project, we’ve been through countless rounds of QA sessions, and from it, I was able to understand more of what Development Team’s work process. It was also an awesome opportunity for me to improve more of my UX skills as I was working on the user flow and design.