Research
UX/UI Design
Mobile Experience
Loyalty Payments
Fintech
Designing a loyalty payment experience
Designing a mobile experience that enables shoppers to pay with loyalty points, earn rewards, and complete transactions seamlessly.
About Pointspay
Pointspay is a loyalty payment solution that allows users to redeem reward points or miles directly at checkout. By connecting multiple loyalty programs with merchant partners, the platform transforms traditional rewards into a flexible payment method.
About the project
The project focused on designing the mobile loyalty payment experience for Pointspay. The goal was to create a frictionless checkout journey where users can easily select loyalty programs, redeem points, and complete transactions without confusion.
Key goals included:
• Simplifying loyalty redemption during checkout
• Supporting multiple loyalty programs in a single flow
• Creating clear feedback for points, balance, and payments
• Ensuring a seamless mobile-first experience
Visual language & colours
The design language emphasizes clarity and trust during financial transactions. A clean color palette and strong visual hierarchy ensure that users can quickly understand their points balance, redemption value, and payment steps.
Design concepts
Initial concepts explored different approaches to loyalty selection, payment confirmation, and transaction flows. The focus was on reducing cognitive load and guiding users smoothly through the redemption process.
Final experience
The final experience delivers a streamlined mobile payment journey where users can view loyalty balances, select redemption options, and complete payments with minimal friction.
The interface ensures users always understand:
• how many points they have
• how many points they are redeeming
• what value the redemption represents
Payment flow & interactions
Every step of the payment process was designed to provide clarity and reassurance. Clear confirmation screens, progress indicators, and contextual information help users complete transactions confidently.
Multi-program loyalty integration
The experience supports multiple loyalty programs, allowing users to choose the program that best suits their purchase. The interface simplifies program selection and ensures consistent interactions across different reward ecosystems.
Reflections
Designing a loyalty payment experience highlighted the importance of clarity and trust in financial interactions. By simplifying redemption flows and presenting information transparently, we created an experience that encourages users to confidently use their rewards during everyday purchases.
Payment flow & interactions
Every step of the payment process was designed to provide clarity and reassurance. Clear confirmation screens, progress indicators, and contextual information help users complete transactions confidently.
Multi-program loyalty integration
The experience supports multiple loyalty programs, allowing users to choose the program that best suits their purchase. The interface simplifies program selection and ensures consistent interactions across different reward ecosystems.
