US and International Checkout
Responsive web designs for the Abercrombie & Fitch and Hollister Co. brands
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.
Guest Checkout Desktop Experience
The desktop experience features parallax scrolling (fixed background with scrolling body).
Member Checkout Desktop Experience
The desktop experience features parallax scrolling (fixed background with scrolling body).
Abercrombie & Fitch
The international checkout experience was also designed for Abercrombie & Fitch.