0%
Back to Showcase
Growth & Data-Driven Design

E-commerce: CRO & Checkout Optimization

E-commerce: CRO & Checkout Optimization

Project Info

Client
Grutto
Timeline
2021 Q3
Role
Product Designer

Methodology

A/B TestingConversion RateAnalytics

Summary

This project focused on identifying and removing friction points in the checkout journey of Grutto, an international e-commerce platform. By applying A/B testing and behavioral analysis, we redesigned the authentication flow to increase conversion rates.

The Challenge

Our data showed a high exit rate immediately after users clicked 'Proceed to Checkout.'

  • The Friction: Users were forced to face a daunting Login/Signup page before even starting the checkout process.
  • User Behavior: Many users felt discouraged by having to remember passwords or create an account prematurely, leading to high cart abandonment.

Hypothesis & Solution

The Hypothesis: By delaying the "password request" and starting with a simple email entry, we can reduce cognitive load and create a sense of progress.

The New Flow:

Email First:

Ask for the user's email only.

Smart Routing:

The system checks if the email exists in the database.

  • Returning Users: If the email is recognized, only then is a password requested.
  • Guest/New Users: If not recognized, they proceed to the address form, with their email pre-filled to save time.
Optimized User Flow

Visual Feedback: The Stepper

To further reduce user anxiety, I introduced a Progress Indicator (Stepper) at the top of the checkout pages.

Why: It provides transparency, showing exactly how many steps are left (Cart → Details → Shipping → Payment → Confirmation).

Impact: Users are more likely to complete a process when they can visualize the "finish line."

Clean, minimalist stepper design showing checkout progress

A/B Testing & Validation

We didn't just guess; we tested. We ran an A/B test comparing the "Login Wall" against the "Email-First" flow.

Variant A (Control): Traditional login/register screen.

Variant B (Test): Progressive disclosure starting with an email field.

The Winner: Variant B showed a clear increase in users reaching the shipping and payment stages, validating our hypothesis that a lower barrier to entry improves conversion.

Checkout Login FlowCheckout Login FlowCheckout Login Flow

The Result

Higher Conversion

A measurable reduction in drop-offs at the initial checkout stage.

Better UX

Returning users felt a more personalized experience, while new users experienced a frictionless transition into the shipping forms.

Reduced Anxiety

The new stepper successfully managed user expectations throughout the 5-step process.

© 2026 Hossein Hashemi. All rights reserved.