hustle free payment flow

Simplifying the Path to Seamless Transactions

2024
UX | UI
next project
Product
QIMApay
Our team
Product manager
Developers
Quality assurance
Product designer
Timeline
Mar 2024 - Jun 2024
In the competitive B2B enterprise market, simplifying and streamlining the payment process is crucial for client satisfaction and operational efficiency. This case study outlines the redesign of a B2B payment portal to enhance user experience, increase payment success rates, and improve overall client satisfaction.
In QIMA group, we’re urging to simplified and streamlining the payment process for clients to make payment more easily. 
How Might We...
Create a simplified, quick & easy payment experience for clients to make payments on our clients platform?
Based on Numbers
Over the past 12 month
29.37%
Bounce Rate
High traffic combined with a relatively high bounce rate meaning users are trying to deal with unpaid orders but not converting to paid status.
1m37s
Average Engagement Time
Users spend more time exploring before make a payment trying to figure out the payment process due to confusion or lack of further instructions.
4.38
Average Views per User for Unpaid Payments
User urge to deal with unpaid orders in a simple & convenient way.
Find Out What’s Not Working Well
Key Insights
Complex Navigation
Clients face difficulties due to complex navigation through multiple pages, leading to a convoluted user experience.
Confusing Payment Options
Payment options are not unified, and unclear instructions add to the confusion, making it hard for clients to identify the correct payment method.
Time-Consuming Processes
Data entry for each transaction is time-consuming, reducing efficiency and increasing frustration for clients.
Strategic Design Approach
Solution
Key features
Unified Payment Summary Page
Combined all payment-related information on a single page, reducing the need for clients to navigate through multiple pages.
Intuitive Payment Options
Displayed all available payment methods (credit card, PayPal, Alipay, WeChat Pay, bank transfer) clearly with logos for easy recognition.
Autofill and Save Information
Enabled clients to save their payment information securely for faster transactions in the future.
Clear Instructions and Progress Indicators
Provided step-by-step instructions and progress indicators to guide clients through the payment process smoothly.
Final Design
Scenario 1: Payment process within client platform
Scenario 2: Payment portal for express checkout
Responsive Design
01
Unified Payment Summary Page
Combined all payment-related information on a single page, reducing the need for clients to navigate through multiple pages.
02
Express Payment Options
Ensured the portal was mobile-friendly, allowing clients to make payments on any device.
03
Seamless Checkout with Instant Feedback
• Transparent Payment Details: See exactly what you’re paying.
• Instant Confirmation: Get immediate payment verification.
Strategic Success matrix
To measure the success of the redesigned payment portal, we established the following KPIs:
30%
Payment Abandonment Rate
Reduction in the rate of clients abandoning the payment process.
20%
Payment Success Rate
Increase seamless & successful transactions.
58s
Payment Completion Time
Less time to complete payment, more happy clients.
NEXT
Project