top of page

Coles QR Payment Flypay Integration

Coles aims to simplify the process for customers to redeem Flybuys points, converting them into Flybuys dollars, and seamlessly integrating this feature into a new section of the Coles app. Additionally, we need to incorporate new QR code payment methods at Coles stores and assist with the rebranding of Flypay.

Customer need ​

How can we streamline the process for customers to link their Flybuys points, redeem Flypay dollars, and use these funds effortlessly at checkout?

​

Considerations:

  1. Branding Executions:

    • Ensure a cohesive visual identity for Flybuys, the new Flypay wallet, and Coles.

    • Clearly communicate the distinction between Flybuys points and the Flypay wallet to avoid customer confusion.

    • Align the branding of Flypay with the overall Coles brand to maintain consistency and brand recognition.

  2. User Education:

    • Develop intuitive guides and in-app tutorials to help customers understand how to link their Flybuys points, convert them into Flypay dollars, and use the QR code payment system.

    • Ensure that the user interface is simple and straightforward, minimizing the learning curve for new users.
       

Deliverables
 

  1. End-to-End Journey Mapping:

    • Create comprehensive journey maps outlining the ideal customer experience from linking Flybuys points to redeeming Flypay dollars and using them at checkout.

    • Identify all touchpoints and interactions, ensuring a seamless transition between each step of the process.

    • Consider edge cases such as first-time users, users with technical issues, and those unfamiliar with QR code payments.

Flypay interactive Prototype

Create polished, high-fidelity design interactive prototypes that reflect the final design of the Flypay integration and rebranding within the Coles app.

  1. Mid-Fidelity Wireframes with Recommendations and Annotations:

    • Develop mid-fidelity wireframes to visualize the proposed solution, including the new Flypay wallet and QR code payment integration.

    • Provide detailed annotations and recommendations to guide design and development, highlighting user flows and interaction patterns.

    • Ensure that the wireframes clearly differentiate between Flybuys points and Flypay dollars, with visual cues and explanatory text.
       

  2. High-Fidelity Wireframes with Recommendations and Annotations:

    • Create polished, high-fidelity design interactive prototypes that reflect the final design of the Flypay integration and rebranding within the Coles app.

    • Incorporate feedback from usability testing and stakeholder reviews to refine the design.

    • Include comprehensive annotations to explain design decisions, interaction patterns, and branding executions.

    • Ensure the high-fidelity designs and design components are ready for development, serving as assiting with implemmenting the HTML/CSS with the development team.
       

By meticulously mapping out the customer journey, developing detailed wireframes, and focusing on user education and branding, we aim to deliver a seamless and intuitive Flypay integration within the Coles app. This project will empower customers to effortlessly link their Flybuys points, redeem Flypay dollars, and utilize QR code payments, enhancing their overall shopping experience at Coles and strengthening brand loyalty.

bottom of page