Previous Project
Project Background
Buy now, pay later (BNPL) is a type of short-term financing that allows customers to make purchases and pay for them over time. Merchants and retailers offer BNPL applications through their ecommerce websites, in corporation with financial institutions. ChargeAfter’s platform connects between merchants and lenders, creating a worldwide financing network.
Next Project
My Role
I led the UX design and experience of the checkout product and it’s related features in collaboration with product managers and multiple development teams across the company.
Many BNPL services offer Interest-free installments without fees.
Good alternative to traditional credit cards due to the quick and easy approval process.
Increases consumer purchasing power by enabling them to make purchases they might not otherwise be able to make.
The Challenge
ChargeAfter’s eComm platform enables end-customers to apply and get pre-qualified for financing. The financing application is integrated as a part of the checkout experience on a merchant’s website. It’s designed to cater to the specific requirements and needs of each lending partner, ensuring a customized and tailored flow for every partner. Therefore, the challenge is:
Improve the experience of consumer application for financing to be easy to use, frictionless and visually appealing.
The Flow
The financing experience integrated within the checkout process on the merchant website, and the application starts at the payment step.
Existing Screens Enhancements
UI/UX enhancements to the checkout product, which involved a visual style facelift and a complete redesign of the layout using grids. The goal was to create a more intuitive and accessible user experience for all users, while also incorporating white label support for customization.
Original Screen
Welcome Screen
Redesigned Screen
Initial State
Opened Tooltip
The updated visual design included modern typography and a high-contrast monochromatic color palette, which helped to elevate the overall look and feel of the product. With the implementation of these improvements, I was able to create a more user-friendly and visually appealing product that met the needs of the clients and their users.
Original Screen
Offer Screen
Redesigned Screen
Single Offer Layout
Multiple Offers Layout
To ensure accessibility standards were met, I followed the Web Content Accessibility Guidelines (WCAG) guidelines, ensuring that the product is inclusive and accessible to all users. These improvements have greatly enhanced the usability and accessibility of our product, resulting in a more enjoyable and efficient experience for all users.
Original Screen
Personal Info Screen
Redesigned Screen
Initial State
Active address field
New Screens Design
With the growing number of lending partners on ChargeAfter's platform, additional screens were added to the flow. These screens were created using the design system, which was based on the existing screens, and was modified and expanded to include new components and support additional use cases.
Financing Type Selection Screen
Overview Screen
The Impact
Main KPI
Application Completion Rate
Data collected using Fullstory and Mixpannel.
Mobile-first approach, designed both for web and mobile experiences.
