QR Cross-Border Payment
Conveniently and securely scan QR Code to pay for products and services oversea

Product
Role
Project Overview
Responsibility
Development
Tools
Team Members
(7 members)
Duration
QR Cross Border (QR Payment)
UX Designer, Researcher, Writer
QR Cross Border is a new QR payment feature which allows users to pay by their personal QR code that will deduct money directly from their accounts when purchasing products or services. It is to use in overseas which the first country that the client introduces is Japan. The product has been developed from the previous QR payment feature which has the same behaviour, however, the key difference prior to enhancement is that money paid by the QR payment could be deducted from a credit card and a travel card only.
-
Created microcopy through overall journey to the UI elements including a humanised, persuasive coach mark for tutorial screens to introduce this new feature to users, pop-up validations and errors, instructions, notification messages, status messages, action sheets, etc.
-
Enhanced user experience and digital user flows to UI elements
-
Created a name of the feature
-
Researched user behaviour on using QR payment
-
Developed in-dept understanding of financial jargons and technical financial terms relating to QR payment and status messages relating to back-end system (successful, unsuccessful, pending)
-
Improved knowledge in digital banking user journey & product validation check
Figma, Miro, Jira, Microsoft Excel, Google Spreadsheet
UX Designers (1)
UI Designers (1)
UX Writer (1)
Business Analysts (2)
Product Owners (2)
Business Units (1)
Application Designer (1)
Developers (4)
3 months (Discovery to product implementation)
*The feature was launched (go-live) on July 2023
User Flow Examples 📱
A showcase of intuitive user flows, mapping seamless interactions that enhance usability and guide users toward their goals effortlessly.
QR Payment &
Notifications Flows
The QR cross-border payment improves user experience in facilitating cross-border transactions between individuals or businesses in different countries by making payments from QR codes. Users can both scan the QR code from any stores and show their QR code from mobile devices to pay, which the money will be deducted from their selected accounts. This feature is developed to increase convenience that users can make payments quickly and easily, eliminating the need for cash or traditional payment methods.
The team also introduce the notification flows in order to enhance QR payment experience. Once the payment is either complete or rejected, notifications of each payment will be sent to inform users in the application.
The QR payment system also reduce time and users’ concerns during the payment being processed that if the payment takes longer time than usual, users can drop off the application while the system is still running in the background, and will receive notifications later.

Key Screens

