Enhancing the Transaction Experience with Voucher Features in Moxa

Designing a mobile app to connect food enthusiasts through shared dining experiences, from concept to prototype.

Role

UX/UI Designer

Industry

Financial Services

a cellphone leaning against a wall
a cellphone leaning against a wall
a cellphone leaning against a wall

At A Glance

Moxa, a financial aggregator app, aims to simplify transactions while delivering added value to its users. To enhance the user experience and make promotions more accessible, we introduced three core features:

  • All Vouchers: A central hub accessible from the Promotion page, showcasing available deals. Users can claim vouchers, which are then saved in "My Vouchers."

  • My Vouchers: A personalized space where users can find ready-to-use vouchers for faster checkout.

  • Voucher Selection at Checkout: A streamlined interface enabling users to select applicable vouchers directly during payment.

Objective: Streamline the promotion application process to increase adoption, improve user satisfaction, and boost transaction conversions.

Outcome: Achieved a 35% increase in promo adoption, an 80% improvement in user satisfaction, and a 25% boost in transaction conversion rates.

The Challenge

Promotions are a powerful way to encourage user transactions and engagement. However, the existing process for applying promotions in the Moxa app involved manually entering promo codes during checkout. This often led to missed opportunities, as users needed to search for codes externally and paste them into the app.

We identified several pain points in the existing promotion process:

  1. Time-consuming and inconvenient process: Users had to locate promo codes from external sources and manually input them during checkout, disrupting the transaction flow.

  2. Low visibility of available promotions: Many users were unaware of ongoing promotions they could benefit from, leading to missed opportunities.

  3. Frustrating user experience: The manual process often caused frustration, especially for users in a hurry to complete their transactions.

  4. Reduced promo adoption: The complexity of applying promotions resulted in fewer users leveraging them.

Process

  1. User Research:

    • Conducted surveys and interviews with active users to understand their challenges with the existing promo system.

    • Analyzed user feedback indicating a desire for simplified and automated promotion application.

  2. Wireframing and Prototyping:

    • Designed initial wireframes for the "All Vouchers," "My Vouchers," and voucher selection at checkout.

    • Created interactive prototypes to test the flow of claiming and using vouchers.

  3. UI Design:

    • Ensured a clean and intuitive interface, aligning with Moxa's visual identity.

    • Used clear labels and call-to-action buttons like "Claim" or "Use" to guide users seamlessly.

  4. User Testing:

    • Tested the prototypes with a sample group of users to refine the usability.

    • Incorporated feedback on accessibility and clarity into the final designs.

  5. Implementation:

    • Collaborated with the development team to integrate the voucher system across multiple transaction types, such as phone credits and bill payments.

    • Worked closely with the Campaign and Marketing teams to align on promotion workflows and ensure a cohesive user experience.

At A Glance

Moxa, a financial aggregator app, aims to simplify transactions while delivering added value to its users. To enhance the user experience and make promotions more accessible, we introduced three core features:

  • All Vouchers: A central hub accessible from the Promotion page, showcasing available deals. Users can claim vouchers, which are then saved in "My Vouchers."

  • My Vouchers: A personalized space where users can find ready-to-use vouchers for faster checkout.

  • Voucher Selection at Checkout: A streamlined interface enabling users to select applicable vouchers directly during payment.

Objective: Streamline the promotion application process to increase adoption, improve user satisfaction, and boost transaction conversions.

Outcome: Achieved a 35% increase in promo adoption, an 80% improvement in user satisfaction, and a 25% boost in transaction conversion rates.

The Challenge

Promotions are a powerful way to encourage user transactions and engagement. However, the existing process for applying promotions in the Moxa app involved manually entering promo codes during checkout. This often led to missed opportunities, as users needed to search for codes externally and paste them into the app.

We identified several pain points in the existing promotion process:

  1. Time-consuming and inconvenient process: Users had to locate promo codes from external sources and manually input them during checkout, disrupting the transaction flow.

  2. Low visibility of available promotions: Many users were unaware of ongoing promotions they could benefit from, leading to missed opportunities.

  3. Frustrating user experience: The manual process often caused frustration, especially for users in a hurry to complete their transactions.

  4. Reduced promo adoption: The complexity of applying promotions resulted in fewer users leveraging them.

Process

  1. User Research:

    • Conducted surveys and interviews with active users to understand their challenges with the existing promo system.

    • Analyzed user feedback indicating a desire for simplified and automated promotion application.

  2. Wireframing and Prototyping:

    • Designed initial wireframes for the "All Vouchers," "My Vouchers," and voucher selection at checkout.

    • Created interactive prototypes to test the flow of claiming and using vouchers.

  3. UI Design:

    • Ensured a clean and intuitive interface, aligning with Moxa's visual identity.

    • Used clear labels and call-to-action buttons like "Claim" or "Use" to guide users seamlessly.

  4. User Testing:

    • Tested the prototypes with a sample group of users to refine the usability.

    • Incorporated feedback on accessibility and clarity into the final designs.

  5. Implementation:

    • Collaborated with the development team to integrate the voucher system across multiple transaction types, such as phone credits and bill payments.

    • Worked closely with the Campaign and Marketing teams to align on promotion workflows and ensure a cohesive user experience.

Stage 4. User testing and iteration

  • Organized user testing sessions with a diverse group of participants to gather feedback on the app's usability and appeal. Utilized both in-person and remote testing methods to collect a wide range of insights.

  • Analyzed feedback to identify usability issues and areas for improvement. Implemented design iterations to address user concerns, enhance the app's functionality, and improve the overall user experience.

Stage 5. Final presentation and handoff

  • Compiled and presented a comprehensive project report to the internship team and stakeholders, detailing the design process, user testing findings, and final app design. The presentation highlighted the app's potential to foster social connections through shared dining experiences.

  • Prepared and delivered design specifications and assets to the development team, ensuring a smooth handoff and providing support during the initial stages of app development.

Copyright 2024 by Jasmine Hanifa Mounir

Copyright 2024 by Jasmine Hanifa Mounir

Copyright 2024 by Jasmine Hanifa Mounir