User Interface & User Experience Designer
Screenshot 2023-03-19 224103.png

Checkout


 

US and International Checkout

Responsive web designs for the Abercrombie & Fitch and Hollister Co. brands

 
 
hco m sticky button
 
order placed gif
 
 
 

 
 

Project and Scope

Redesign the user experience and user interface of the international guest and member checkout experience. Create different UX flows for the various sites (UK, EU, Canada, and World (includes Australia, Russia, Mexico, and other non-Asian countries) based on the different locations’ payment and shipping needs and standards. 

Stacy’s Role

UX and UI Designer

Motion Designer

Created user tests for design concepts

Collaborate with development to create the experience

Tools

Sketch and After Effects

Goal

Design a user interface that can accommodate various languages.

Design a checkout that flexes and accommodates a variety of country and region specific payment methods (Klarna, Sofort, and 9 other unique payment methods).

Redesign the ‘Pickup, Drop Off’ experience, a common international delivery method preferred over home delivery because of package theft and regional delivery regulations. Users pick up their order at pickup points (UPS, Royal Mail, and other locations).

Design the currency repudiation experience for instances when a user encounters a currency and payment issue, an unfortunate touchpoint unavoidable with certain currency and payment type combinations.  

 
 
 

 

Mobile Experience

The mobile experience features parallax scrolling (fixed background with scrolling body) and a sticky ‘Place My Order’ button.

 

 
 
HCO M 1
HCO M 2
HCO M 3
HCO M 4
 
 
 

 
 

Guest Checkout Desktop Experience

The desktop experience features parallax scrolling (fixed background with scrolling body).

 
HCO Desktop guest 1
HCO Desktop guest 2
HCO D VIP order placed
 
 

 

Member Checkout Desktop Experience

The desktop experience features parallax scrolling (fixed background with scrolling body).

 
 
HCO D VIP
 
 

Abercrombie & Fitch

The international checkout experience was also designed for Abercrombie & Fitch.

 
 
ANF_Checkout_D_1.png