In real-life experiences, customers can view their shopping carts while browsing products, which is ideal when using a shopping list. Because Instacart's shopping cart overlayed on top of (and obstructed) the browsing view, Instacart needed to redesign their shopping cart interface.
To solve the problem, a sidebar sliding cart was designed, allowing customers to browse without obstruction. At any point while shopping, products are visible to the customer.
The project started with a critique and review session of the original design. New ideas and features were sketched on whiteboards before the wireframing process began. After wireframes had been agreed upon, detailed visual concepts were designed for implementation.
When the shopping cart is expanded, the shopping experience was nearly unusable.
The shopping cart displayed too few products to allow customers to make educated decisions when checking out.
Without a sidebar or overlaying shopping cart, the browsing view displays more products per row.
When the shopping cart is expanded, content is reflowed (preventing the shopping and browsing view from disappearing behind the interface).