top of page

Redesign of Shopping cart page.

​

I redesigned few aspects of H&M's shopping cart based on user inputs.

EXISTING

June 25,2020

Screenshot_20200624-132422~2.jpg
icons8-multiply-96.png
1200px-H&M-Logo.svg.png
Screenshot_20200624-132436~2.jpg

REDESIGNED

Information on Return Policy

One of the important things that users would like to know is the return policy.

 

Here, that information is placed right within the user's central vision.

Information design and placement

  • Product name is distinguished from other features using a bold fond type.

  • Cost of each item is placed separately on the right for quick visibility.

  • Font size of the color and the product size is increased.

  • Users can quickly increase or decrease the quantity of product using the Input Steppers.

  • Users can delete an item by clicking the cross icon or by swiping left. 

H and M1.png
H and M 2.png

Information display

  • Slider design to quickly glance through n number of items.

  • Number of total items in the cart visible on the top right corner.

  • Scrolling up displays discount code options and price details.

Pinned checkout button

Estimated total and checkout button are pinned to the screen 

Payment Options

A useful feature and is thus kept unchanged and added after the pricing details. 

H and M 3.png

©2019  crafted by Madhura Valvaikar.

©2019 crafted by Madhura Valvaikar.

bottom of page