UI/UX RESEARCH & DESIGN
Improve the PayLater Experience
on Shopee for Seamless Shopping
Improve the PayLater Experience on Shopee for Seamless Shopping
ROLE
ROLE
End to end Research & Design
End to end Research & Design
End to end Research & Design
SCOPE
SCOPE
2 Weeks
2 Weeks
2 Weeks
YEAR
YEAR
2023
2023
2023
TOOLS
TOOLS
Figma
Figma
Figma
Project Intro
Shopee PayLater (SPayLater) is a flexible payment feature from Shopee that lets you buy now and pay later, offering convenience and ease for your shopping experience.
Shopee PayLater (SPayLater) is a flexible payment feature from Shopee that lets you buy now and pay later, offering convenience and ease for your shopping experience.
Problem Discovery
Users find it difficult to understand payment invoices for purchases made with the pay later method, often leading to missed payments.
Users find it difficult to understand payment invoices for purchases made with the pay later method, often leading to missed payments.
Several SPayLater users experience confusion when paying bills due to difficulty distinguishing between paid and unpaid items and the inability to pay multiple bills at once.
Several SPayLater users experience confusion when paying bills due to difficulty distinguishing between paid and unpaid items and the inability to pay multiple bills at once.
How might we simplify the process of paying SPayLater bills for users?
How might we simplify the process of paying SPayLater bills for users?
Our Solution
We adjusted the page layout to clear up user confusion about bill payments, amount details, and the option for bulk payments.
We adjusted the page layout to clear up user confusion about bill payments, amount details, and the option for bulk payments.
Enhancing Billing Management and Payment Flexibility
Added a billing list per item and a checkbox menu to make it easier for users to select multiple items at once.
Introduced a per-item payment option on the billing page, helping users track unpaid items and enabling Shopee to send clearer notifications about outstanding payments.
Users can search and order from outlets not listed as the nearest options
Makes it easy to change and view saved addresses
Open outlet marker
Before
Before
after
after
Proposed Mockup: Itemized Bill Payment Flow
Simplified Billing,
Smarter Payments.
Simplified Billing,
Smarter Payments.
Simplified Billing,
Smarter Payments.
Interactive Prototype
Impact Metrics
Through usability testing, we use the scenario: "Imagine you want to pay your PayLater bill for a specific item because your available funds are only enough to cover one item." The task is: "Show how you can pay the bill per item until the success confirmation screen appears."
Through usability testing, we use the scenario: "Imagine you want to pay your PayLater bill for a specific item because your available funds are only enough to cover one item." The task is: "Show how you can pay the bill per item until the success confirmation screen appears."
✅ 100% Success Rate
The user navigated the flow and selected the menu accurately without any misclicks.
✅+48% Conversion Rate
We measure conversion rates based on the success rate of users adding products and displaying them on the POS. This is inline with our target for 6 months.
📝 75.5 System Usability Scale
A score of 75.5 indicates that the application is fairly good and suitable for continued use.
📝 75.5 System Usability Scale
A score of 75.5 indicates that the application is fairly good and suitable for continued use.
⏱️ 6.75s Average Time Completion
Tracking the time users take to complete tasks within the application.
⏱️ 6.75s Average Time Completion
Tracking the time users take to complete tasks within the application.
High Fidelity Design
High Fidelity Design
