Split payments system

UX/UI · 2025

About

Electronics and home appliance retailer aimed to make payments more accessible by introducing a split payment option.

Work

Establishing a payment flow that supports multiple payment methods for a single transaction while integrating smoothly into the existing product.

My tasks

Product research and user flow

UX/UI design

UI copywriting

Presentation design

1. Competitor research

Vanq, a modern payment service, stands out by offering a visual representation of divided amount — users enter exact values and use intuitive sliders to easily adjust each share.

PayPal’s split payments feature offers a well-tested and reliable UX that minimizes user error. It relies on manual numeric input — users type in exact amounts

2. UX Problems

Problem

1. Upgrade existing flow
The solution has to be an upgrade to the existing UI design system, but keep existing flows.

2. Promote
The new flow must clearly promote the split payment option.

3. Full flexibility
The user must be able to combine multiple payments with special plan that has separate flows inside payment flow.

4. Accessible
The system must be easy to use and should handle possible fallback scenarios. User should feel safe.

4. User flow

User flow

The existing user flow is updated with the new split payment option. This way, the project didn't require a complete overhaul of the complex payment system.

User flow integrated split payment option within current payment flow.

3. UX/UI design

Split the amount

The original flow consisted of three steps: entering the address, choosing the delivery option, and making the payment. This flow has been maintained, with the addition of a toggle to switch between one-time and split payments.

In the first part of the flow, the user selects the payment method and allocates the funds.

Step 1. Payments are split into single and split payments

Step 2. User specify the amounts for card and interest plan

Step 3. User selects plan details

Step 4.Final summarized view

Payment

In this step, after the user selects their payment methods and allocates funds, they complete the purchase by making a payment.

Due to the external payment provider, a tab must remain open throughout the entire payment process using various methods.

Step 5. The user has a clear view of the selected methods and payment amounts.allment payments.

Step 6. In the most complex process, the user needs to fill out a form for additional installment payments.

Step 7.

Step 8. Card payments are processed through an external service provider.