Eric Sitarz's profile

Mobile Cart Sidebar

Mobile Cart Sidebar

This was an early iteration of the cart preview component.
Cart items can be made up of basic products or bundled kit promotions.

Average cart size was anywhere between 10 to 100 items, and bundles could have as many as 20 line items under each kit. So the requirements included making the cart more easily scannable but also providing the details and actions you expect from a commerce experience.

Previous versions used a table under each line item to show the kits and also had clunky buttons for quantity, edit, and delete. While we ultimately opted against this version below over accessibility concerns, this was a slick iteration that really cleaned the cart up!
I designed this comp using Figma.
Thanks for looking!
Mobile Cart Sidebar
Published:

Mobile Cart Sidebar

Published:

Tools

Creative Fields