Two wireframes of the enhanced add to cart flow. The goal was to display items that complimented the item(s) the buyer just added to their cart. Adding complimentary items helped keep buyers engaged with the shopping experience.
 
Add to Cart View: The first wireframe gives feedback that the item was added to the buyer's cart and displays complimentary items for the buyer to interact with.
 
Cart View: The second wireframe displays more item information when the user hovered on the cart icon and affords the buyer more actions to manage their cart without leaving the current page without distracting goals.
The last two images are screenshots of the almost finished (no styling on the links) add to cart flow and cart view.
Add to Cart
Published:

Add to Cart

From wireframes to production.

Published: