Web guest checkout

Enabling guest users to checkout with trust and confidence.

Summary

Imagine you landed on an e-commerce site and wanted to checkout an item just to figure out you need to create an account? Yeah we’ve all been there at some point. This is a very common frustration for online shoppers. This initiative is to allow anonymous users to checkout Mercari items.

  • Role

    Product designer

  • Team

    Content designer, PM, BI, Eng

  • Duration

    Nov 2023

Guest can’t checkout items without creating an account

This is what the guest purchasing experience looks like. Once a guest clicks on Buy Now or enters the cart to checkout, what they see next is the New account or Login screen. These users have just tapped one of the most important CTAs in the entire application. By asking users to create a new account or login, we immediately present a massive amount of friction.

What do guests prioritize?

Now, we have a pretty strict timeline and resource constraint. That means we didn’t have extra time to conduct user research. So, I dug into our research repository documents to understand guest users' behaviors. Through this, I noticed a couple of interesting insights about guest users:

  • Prioritize checkout speed and simplicity

  • Trust and security concerns

Our objective

Our objective is to make checkout experience available and smooth for guests. Specifically, addressing the login barrier, streamline checkout, and increasing user trust.

Design strategy

Here’s how I exceeded project goals within a month. I broke down the project into two phases

  1. Phase one: focused on removing the login barrier and reduce exit rate and run multivariant testing

  2. Phase two: focused on optimizing checkout experience.

How do we reduce the exit rate of potential buyers that have just indicated they are ready to make a purchase?

Exploring viable approaches

After some explorations, I came down to three different approaches.

  1. No login screen, takes user directly to guest checkout.
    This approach is the fastest way to checkout, and the ROI will likely be very high. However, this approach lacks prominent support for the existing users.

  2. Streamlined interstitial
    This approach offers everyone a way to move forward. Specifically, returning user have a faster and streamlined way to log in by directly enter their credentials. Guests also have a clear CTA to checkout.

  3. Button-based interstitial

    Different from the streamlined approach, this design takes on a more basic layout. Simply providing three different CTA for different types of users to click.

Setting up the test

Working with a PM and BI, we set up the testing environment. We released to all anonymous users in 25/25/25/25 split, and ran the test for 2 weeks.

These are the metrics we wanted to measure: Cart exit rate, user registration rate, and order conversion rate.

Testing plan

Multivariant test result and metrics tradeoff

We ran the test for 2 weeks, and here’s the result:
Variant 1: lowest cart exit rate, highest order conversion rate
Variant 2: highest user registration rate

The question we then becomes 'Immediate purchases or long term customer value?’

I set up a discussion with the Business partner, and we’ve decided to move forward with variant 2 because it aligns with Mercari long-term goal to prioritize loyalty and retention.

Variant 2 result

Checkout optimization

Now that we’ve addressed the barrier and enabled guest users to checkout, doesn’t mean they will at an acceptable rate. Guest checkout users are fickle. We haven’t develop a significant understanding and loyalty. Because of that, any small shortcoming will be magnified.

Here are the areas I optimized on to improve user trust and streamline process.

Design changes made for optimization

FINAL DESIGN

FINAL DESIGN

Impact after launch

15%

Improved in user registration

20%

Increased in order conversion

Previous
Previous

Balance usage

Next
Next

Unique usernames