According to a Juniper Research Report, 'Global spend using QR code payments is expected to exceed by $3trn by 2025, rising from $2.4trn in 2022’. Paying with QR code is expected to become a ‘new normal’ for merchant payments.' While already established in countries such as China, India and Argentina; major Australian banks and retailers are gearing up to support QR code-based payments for merchants.
I was approached by our sales team to research, visualise, design and present a QR-code payment feature can benefit ANZ's customers.
In this case study I will explain how a QR code based payment systems works, then demonstrating it's integration through user research and high-fidelity prototyping. The presentation require the following components:
4 Weeks
Lead UX/UI Designer
Engagement Lead
Full Stack Developers & Engineers
Junior UX/UI Designer
SCRUM Master
Research and Benchmarking
Persona Discovery
User Journey Mapping
Design Systems Management
Wireframe & Interactive Prototyping
Visual Storytelling
Public Speaking
Stakeholder Management
Documentation
As product designers, our goal was to understand the differences between a static and dynamic QR Code, identify which ANZ customers will this benefit the most, and how this feature will integrate with the current apps. It's a project that relied heavily on research, understanding how it's applied in other countries, while leaning on the software engineer team for their knowledge on how this system works,
is to help people become more active by combining:
Out team consisted of a project manager, a full-stack app developer, a UX/UI Designer (me) and two engineers who specialised in machine learning platforms, nudge engines and engagement models. In order to achieve our goal, the project was to divided into three phases: Foundation, Iteration and Extension.
Most of my efforts were executed in the foundation phase. While the developers were setting up the backend architecture and supporting environments, it was important that I charged in with executing my design discovery as efficiently as possible so the developers could start creating the app and inputting the conversation flows.
The iteration phase was used to expand, diversify and test the conversation discovery, while iterating the app's wireframes according to user feedback.
Uncovering user archetypes, user flow, empathising. Uncover insights into the highest value functions with the greatest impact.
Validate initial assumptions in a collaborative design workshop with end-users and key stakeholders.
Design of application(wireframes) that is in line with UI best practises, and commonly used web platforms.
Apply to a clickable Prototype that shows key interactions.
Week One
Research how a QR Code payment system works from a system, bank, transaction and user perspective.
How is a QR Code payment system is used in other countries? How can this help the client save money and get more customers?
Week Two
Discover four key personas; two customers and two vendors / business owners. What are their needs and goals?
Create journey maps that aligns the persona's touchpoints with the QR payment system diagram.
Week THREE
Show how this payment system can be integrated in the current app on multiple screens, and the user's journey from scan to payment.
How does it look from the perspective of a merchant and a customer? What relationship could the payment system have with current features?
Week FOUR
Finish the high fidelity touch-ups on the wireframes. Make sure the prototype works and the link is accessible.
Set up the slides and make sure they tell a concise and compelling story...
... practice, practice, practice. Present.
Our overall goal is to use a machine learning system to deliver the right message at the right time to a user in order to improve their activity level. A conversational agent will be used to handle the communication to the user, which will be delivered via a mobile application.
is to help people become more active by combining:
Out team consisted of a project manager, a full-stack app developer, a UX/UI Designer (me) and two engineers who specialised in machine learning platforms, nudge engines and engagement models. In order to achieve our goal, the project was to divided into three phases: Foundation, Iteration and Extension.
Most of my efforts were executed in the foundation phase. While the developers were setting up the backend architecture and supporting environments, it was important that I charged in with executing my design discovery as efficiently as possible so the developers could start creating the app and inputting the conversation flows.
The iteration phase was used to expand, diversify and test the conversation discovery, while iterating the app's wireframes according to user feedback.
Uncovering user archetypes, user flow, empathising. Uncover insights into the highest value functions with the greatest impact.
Validate initial assumptions in a collaborative design workshop with end-users and key stakeholders.
Design of application(wireframes) that is in line with UI best practises, and commonly used web platforms.
Apply to a clickable Prototype that shows key interactions.
