Click to Pay
User Experience Design at Mastercard
PROBLEM:
After the launch of Click to Pay, brand awareness was not improving. Customers were struggling with comprehension during enrollment, leading to drop off and an increase in customer service calls. Lack of brand presence was putting strain on trust and adoption. Unclear messaging during critical moments between the merchant and Click to Pay experience was confusing users.
Design
SOLUTION:
Improve branding, voice and tone so that users can distinguish between merchants and Click to Pay. Pass accessibility and user experience industry standards so that messaging and actions are clear and transparent to the user.
Before
After
Process
The conceptual proof of concept became a holistic proposal for the enhancement of the usability, UI, accessibility and content strategy of the Click to Pay experience. A North Star design blueprint helped to evolve the visual design language through user testing.
Conceptual design
Detailed design
User research, A/B testing
Design iteration & backlog creation