← Work

UnionPay

Mobile payment app and design system for digital brand experience.

UnionPay — image 1
The UnionPay app combines user behavior insights with a new visual language to increase everyday transaction frequency and long-term loyalty.
In a highly competitive payments market, how might we combine UnionPay's existing strengths with user insights to create a spending experience people love?
UnionPay — image 2
Design research: Observing users' behavior pattern to identify the specific information and features a payment app truly needs.
UnionPay — image 3
Defining a reusable, modular design language that keeps the payment experience consistent as features and products keep expanding.
UnionPay — image 4
The redesigned app puts merchant information and personalized offers front and center, making everyday spending easier to discover.
UnionPay's extensive merchant network creates a unique advantage: location-based coupons tailored to personal preferences can increase usage frequency and customer loyalty.
UnionPay — image 5
Three core modes: pay, discover offers, and manage spending, highlight UnionPay's distinct brand strengths within one unified app experience.
UnionPay — image 6
A payment page designed to be faster and easier to use, reducing friction at checkout.
UnionPay — image 7
The design language system helps UnionPay's internal teams iterate faster, shipping new payment products with greater speed and consistency.

Designed a new version of UnionPay's mobile payment app and brand/digital design system. The work focused on enhancing user experience through new features, interaction models, visual direction, and emotional engagement, with QR code payment, personalized coupons, and daily service as core experience improvements.

Challenge

A payment platform needed clearer interaction, stronger product utility, and more compelling daily engagement. The challenge was to make a functional fintech app feel simple, trusted, personalized, and repeatable without adding unnecessary complexity, while ultimately building a differentiated brand image, visual and interaction language, and user experience that stood apart from competing payment apps.

Solution

Directed a payment-first mobile UX and design system, prioritizing QR code payment as the default entry point while building personalization, coupon, spending-awareness, and daily-service modules around it. The output was not only screen design, but a clearer product hierarchy and visual language that made a functional fintech app feel faster, more trusted, and more repeatable.

Impact

Delivered a refreshed mobile app concept and design system that strengthened UnionPay's differentiated brand image, visual and interaction language, personalization, and high-frequency payment usability. By systematizing reusable patterns and product rules, the work improved brand recognition, cross-feature consistency, and development efficiency, giving teams a scalable foundation for faster fintech iteration in China's rapidly evolving mobile payment market.

About

UnionPay

UnionPay International partners with more than 2,600 institutions, with card acceptance in 183 countries and issuance in 84. As China’s global payment network, it is expanding mobile, QR-code, contactless, and cross-border services that connect banks, merchants, and consumers through a unified digital-payment ecosystem.

Client
UnionPay
Year
2018
My responsibility
Design Research
Creative Direction
Design Consulting
Team
Genda LinDesign Advisor
Layla KeramatProject Lead
Eunice ChenProgram Manager
Jiayu LeeProgram Manager
Joyce LiuUX Designer
Jaskni HuangVisual Designer