top of page

QR Cross-Border Payment

Conveniently and securely scan QR Code to pay for products and services oversea

Group 1597880464.png

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.

Jun23.JUN23.03_QR Cross Border B scan C_20230314.png

Key Screens

Group 1597880429.png

Content & Copy Examples 💬

Showcasing effective UX writing and content strategies that enhance user experience. This includes microcopy, call-to-actions, error messages, and marketing content designed to guide, engage, and inform users seamlessly.

bottom of page