Home / Ariat.com / Add to Bag confirmation
Ariat.com Add to BAG confirmation
Ariat.com didn’t have any form of confirming an item was added to bag on mobile, aside from the cart icon updating the quantity. One way of optimizing the mobile-specific experience was to incorporate an order overlay confirmation that includes cross-sells that can encourage users to add relevant items to their cart, or go straight to checkout. Ultimately, the user is now able to have visual confirmation that a product was in fact added to their cart.
What was I trying to solve?
Needed to create a confirmation overlay
Old mobile experience didn’t have visual confirmation of a product being added to the bag
Wanted ability for customer to have multiple touch points where they can see what product was added to their bag to avoid accidentally ordering the wrong product
Wanted to be able to display cross sells to the customer that were relevant to their shopping experience
Wanted to allow the customer to either continue shopping or to checkout
The call-to-action buttons needed to be displayed with a hierarchy of what action we wanted to push the customer to take
Continue Shopping is the elevated button to help increase customer discovery and average order value
Measurement of success:
Increased conversion by 14.89% for new visitors and 14.98% for returning visitors.
Functionality:
Include cross-sells to encourage a higher average order value
Include product details informing the customer what exactly was added to the cart
Allowing the customer to click over to the cart and checkout, or to continue shopping
Updating CTA’s to orange (higher converting color for Ariat customers)
Mini-cart on desktop experience adds opacity over background to highlight the bag
