THE NORTH FACE CHECKOUT
UI, design
The North Face redesigned its checkout process to address key user pain points and improve the shopping experience.
​
The UX team conducted multiple user interviews to identify pain points and motivations in the checkout flow. Research findings indicated that there were too many unnecessary steps, causing confusion and frustration.
​
The end result is an enhanced checkout experience that boosts conversions and reduces checkout abandonment.
CHECKOUT FLOW
PDP
The user makes a product selection on the PDP and adds it to the cart.
MINI CART
The mini cart slides from the right when the product is added to the cart.
CART
Sticky CTA with two options:
Checkout and Express Checkout.
Once the items are in the cart, the user has the option to use Express Checkout.
If the user wants to update the cart, clicking the ellipsis menu on the product card will open a drawer.
SHIPPING & DELIVERY
The Checkout CTA guides users to the next step: Shipping and Delivery. This process differs for Guests and Members: Guests must enter their information, while Members have their Shipping and Delivery form pre-saved.
GUEST
MEMBER
PAYMENT
There are four payment options: Credit Card, PayPal, Apple Pay, and Klarna. Credit Card is the default option. Guests must enter their information, while Members have their Credit Card information pre-saved.
GUEST
MEMBER
ORDER CONFIRMATION
The user receives all information regarding their order: order number, products ordered, delivery date, shipping details, and total cost.
