Tea Collection Checkout Redesign, 2019

PROJECT OVERVIEW

After a complete rebrand by an outside agency in 2019, I redesigned the checkout experience using the brand standards for the new responsive site. I created two flow options for the checkout experience. Concept 1 was a multi-step flow, where each step of checkout has a separate page with a progress bar. This option allows the user to clearly understand which phase of the checkout process they are in and how close they are to completion. It’s also a better experience for mobile. Concept 2 is a single page accordion flow, where the user moves through each step of checkout while remaining on the same page. Concept 2 was the chosen option, as it aligned with the flow template offered by the developer and required the least amount of custom adjustment. The design process also included extensive QA and UAT for the entire site redesign, partnering closely with our developers.