20230911011326

CLIENT

Marie Louise de Monterey

CONTRIBUTION

Research
CX Design
UX/UI Design

YEAR

2023

Optimizing the Checkout Experience

I was asked to improve the user flow for an Australian e-commerce site, experiencing an increased drop-off rate during checkout, leading to abandoned purchases, and also to increase their average order value (AOV) by introducing checkout cross-sells and post-purchase upsells.

By refining the user journey and integrating strategic cross-selling opportunities, my goal was to create a smoother, more intuitive path to purchase while maximizing revenue potential.

ML-review

01

INDUSTRY TRENDS

Industry Research & Insights

UX trends and studies on payment friction in Australian e-commerce were researched, two sources that I consulted extensively were;

1. Baymard Institute – Extensive research on cart abandonment and checkout UX.
2. Statista – Reports on Australian online shopping behavior.

62%

AUSTRALIAN CONSUMERS USE A
SMARTPHONE TO PURCHASE ONLINE *

50%

AUSTRALIAN CONSUMERS PURCHASE
 ONLINE WITH A CREDIT CARD *

30%

DROP-OFF FOR EACH STEP
OF THE CHECKOUT JOURNEY *

70%

SHOPPERS ABANDON
PURCHASING ONLINE *

02

OBSERVATION & QUESTION TIME

User tests & sessions

We tested the checkout flow with existing customers (who received a discount voucher on their next purchase). The sessions were recorded, and we identified several new friction points through the transcripts and confirmed suspected friction points. I looked at the customer support scripts to find anything related to the difficulties or successes with the payment and checkout process in the current UI design.

checkout flow-fix

03

AUDIT & ANALYSIS

The existing checkout flow

The existing checkout flow separated over several screens with a progress tracker to keep users engaged but still did not prevent abandonment due to the number of steps to complete the payment process. Speaking with the owners I understood that it had been designed to keep pages short, limit form fields, and avoid excessive scrolling. Using analytics, we could see a 20-30% drop in sales completion from the start to the end of the flow.

check02
check
CHECKOUT_deliver
CHECKOUT_confirmation

04

DESIGN APPROACH

Mobile First

We privileged the user flow on smartphones to make the checkout process mobile-friendly; checkout pages were automatically resized for a small screen, and shoppers saw large finger-friendly checkout buttons and fonts that encouraged them to complete a purchase through their smartphone.

mobilefirst

05

IMPROVEMENTS

login

Password & Reset

During testing, we observed that extensive and strict password rules were responsible for a 20% checkout abandonment rate among existing account users who have trouble signing in.

In particular, the password-reset email is a weak link in the “forgot password” chain, as any issue with the password-reset process locks a user out of their account, at which point abandonments are very likely.

We resolved this by asking for the user's email to send an active link for sign-in.

Account Selection & Creation

25% of customer abandonment was identified at the account creation stage so a guest or express checkout was added to fluidify the payment process, it was placed as the most prominent option on the account selection step to ensure users can easily find it. For the usual account sign-in, we also added auto-filled form fields.

express
buy-now-pay-later-1024×560-2700412060

Added Payment Providers

While the majority of online purchases were made using credit cards, in line with a mobile-first evolution in the UX/UI, and increasingly, payments would be made via digital wallets, Google Pay, Shop Pay, Scalapay, and AfterPay were integrated to optimize the AOV, with BNPL payments on the rise.

Shipping & Fulfillment

Delivery Speed was changed to Delivery Date to avoid customers being confused about when the articles would arrive.

“It doesn’t say ‘estimated date’ or anything…if it’s two to three business days at $4.99. I don’t know.” The customers profiled in the user tests had no information about the speed or timing of the different shipping options, “Aust Post Regular Mail” was opaque in communicating the estimated arrival date. 

shipping

06

IMPROVED PAYMENT FLOW 

Re-designed for performance

The ergonomics changed for the checkout as the payment flow was combined into a single page for efficiency, with auto-filled fields. Already, this single step has started converting more customers, and we saw an increase in conversions and less cart abandonment by more than 20%.

after-checkout-line

The redesigned checkout/payment page (Desktop)

price-summary

Elevated Purchase Summary on Mobile

The purchase summary was elevated and became a 'Sticky' feature on the checkout page so that customers could easily confirm what they were paying for, which minimized errors and unnecessary returns on orders.

In the mobile experience, the purchase summary remained above the fold with a collapsible panel, so it could be easily consulted throughout the payment process, therefore reducing errors in orders and returns.

comm1
comm2

07

FURTHER ENHANCEMENTS

Cross-Selling Enhancements

We added relevant product recommendations before payment, which in turn increased AOV by more than 30%.

cross-sell
shopping-cart

08

KEY OUTCOMES

30%

DECREASE IN CART ABANDON

40%

INCREASE IN CONVERSION RATE

60%

INCREASE ON AVERAGE ORDER VALUE

75%

REDUCTION IN SUPPORT REQUESTS

Key Takeaways

01
Nearly 3/4 abandoned their carts due to unexpected costs, complex checkout flows, and security concerns such as a lack of trust signals (badges, known payment providers) to increase conversions.
02
A mobile-friendly checkout with large touchpoints, auto-fill on the forms, clear CTA, encouraged shoppers to complete the transaction.
03
Adding trust elements (security badges, return policies) increased conversions.
04
  1. From the customer sessions, some of the other findings that surfaced on why users drop off during checkout were;
  2. Over half of the users abandoned pages that took over 3 seconds to load.
  3. Nearly 3/4 abandoned their carts due to unexpected costs, complex checkout flows, and security concerns such as a lack of trust signals (badges, known payment providers) to increase conversions.
  4. Speed and ease to complete the payment were important, yet required trust badges making the process too fast through A/B testing we discovered that did not reassure customers and they were likely to subsequently cancel their orders.
05
Making “Guest Checkout” the Most Prominent Option To fix this issue, make the “Guest” option the most prominent option on the account selection step to ensure users can easily find it.
06
Delivery date instead of the delivery speed had more conversions.
07

* (Sources : Baymard Institute - 2023, PayPal Checkout Study, Google’s Mobile UX Report).

SHAPE_ICON_PM2

+ 33 (0) 6 62 81 69 54
penstar@email.com,  Orgeval,  78630,  France

©  |  2025

View