Tea Collection’s clothing for children featured various shades of similar colors and customers had a hard time understanding which tops matched to which bottoms. The customers had to call in for customer service in guiding their selection. Customer engagement on the site increased with the introduction of this easy-to-use mix-and-match feature shop.
Product
Tea Collection’s Mix-and-Match Feature Shop provides foolproof outfit selection for the customer and a curated selection of the best options for the brand to shine.
Team / My Role
UX designer (me), product manager
Challenge
Design an intuitive interface that allowed customers to browse a merchant-curated collection of outfits by color palette.
Many customers were asking Tea for outfit creation guidance, specifically around how the colors of tops and bottoms worked together. Tea wanted to use this opportunity as a means of showing a curated group of products that would seamlessly work together—no matter what top or bottom was selected by a shopper (and avoid any possibility of a mismatched outfit)—and facilitate a higher AOV by allowing shoppers to add multiple items to their cart with one click.

An intuitive mix-and-match outfit maker curated by color palette.
I created an experience that would present the grouping of these merchant-curated collections (via color palettes navigable by the shopper) in a format that gave the shopper a chance to browse up to 3 outfit options in one glance when viewed on a desktop/tablet platform. Once a shopper found their ideal outfit, they could then add the entire outfit to their cart with one click. To view specific product details, I integrated the “Quick View” functionality where individual items could be added to a cart.

The quickview option allowed for individual items to be added easily to a shopper’s cart without ever leaving the page.
Flexible and scalable, this experience has proven highly successful in multiple applications (ie, seasonal swim shops, girl/boy outfits) and has seen high engagement with shoppers.