top of page

Cutting Steps and Friction to Maximize Conversions

Checkout Process Redesign

The existing checkout was a six-step journey plagued by friction, forcing users through multiple screens for basic information and leading to high abandonment rates. My redesign solution streamlined this process by collapsing it from six steps down to just four, significantly reducing clicks and cognitive load. The new flow simplifies the entry point, offering a clear choice to sign in or checkout as a guest to eliminate the initial email-entry confusion. Key information like Contact and Shipping Details are now consolidated onto a single screen for a smoother process. We implemented a clear progress bar for easy step navigation, maintained visual consistency with a persistent Order Summary panel across all screens, and finally, consolidated all payment and review details into one final, efficient step. This streamlined, four-step process is projected to decrease checkout abandonment and drive a substantial increase in conversion rates.

Role

Lead Designer

Duration

2 Months

Contribution

UX, Visual Design

Platform

Desktop, Tablet, Mobile

Returning customers login form, guest checkout or register options available.
Dark background with green leaves in the corner; simple, elegant design.
Animated Checkout process going through the steps
Before Checkout Steps: Step 1, Step 2, Step 3, Step 4, Step 5, Step 6 with text.
After Checkout steps one through four: Sign in, contact & shipping info, shipping, billing order.
UI/UX Improvements, multiple screen layouts with text, navigation and suggestions, Alido-Rodriguez-III-UI.
bottom of page