top of page

CHERRY EXCHANGE APP

 

The accessible, secure and convenient payments for gamers to purchase the game's credits.

THE PROBLEM

Gamers frequently encountered difficulties while purchasing game credits through existing applications. The convoluted process led to frustration due to its complexity, excessive clicks, and unclear payment methods.

THE SOLUTION

The Cherry Exchange App aims to simplify the purchasing journey for gamers. Our goal is to make it accessible, secure, and convenient for users to purchase game credits.

HIGH LEVEL TIMELINE

We had six weeks to research, study, understand, create, and test the app.

MAKE OF THE TEAM

Our team included a copywriter, a UI UX designer, and a development team.

KEY GOAL

The key goal was to enable users to purchase game credits seamlessly.

MY ROLE

I was the UI UX designer for this project.

 

In this project, I held the position of UI/UX Designer. My responsibilities encompassed a wide array of activities, including competitor analysis, user feedback collection through surveys and remote interviews, and wireframe prototyping.

UNDERSTANDING THE USER

Our research found that male gamers, particularly from developing countries, make up a significant portion of our user base. Most users prefer a hassle-free payment experience and often don't have direct access to credit cards.

​

The Cherry Exchange App is designed to cater to the specific needs of gamers. The app's features include a prepaid/post-paid payment option, the ability to recharge Cherry e-wallet with virtual credits, and secure and hassle-free payment methods.

USER-CENTRIC APPROACH

To address these needs, the Cherry Exchange App was designed with the following key features:

  • Prepaid/Post-paid Payment Option: Providing flexibility in payment methods.

  • Virtual Credit Recharge: Allowing users to recharge their Cherry e-wallet with virtual credits.

  • Secure and Hassle-Free Payment Methods: Ensuring user convenience and security.

USER RESEARCH FINDINGS

Our extensive research, comprising user feedback and interviews, yielded crucial findings:

  • Simplified Purchasing Journey: Users desired a straightforward, minimal-click journey.

  • Product Discovery Ease: Users struggled to locate the right product, leading to frustration.

  • Secure and Hassle-Free Payments: Especially vital for those lacking direct access to credit cards.

  • Predominantly Male Gamers: Particularly from developing countries.

DESIGN DECISION

Informed by these findings, we made several design decisions, rooted in fundamental UX principles:

  1. Simplicity and Minimalism: We simplified the purchasing journey by reducing steps and clicks for a more straightforward process, adhering to the UX principle of simplicity.

  2. User-Centered Design: An intuitive interface with user-friendly navigation and prominent calls to action ensured an experience aligned with the UX principle of user-centered design.

  3. Flexibility and Choice: The inclusion of prepaid/post-paid choices and top-up method prioritization followed the UX principle of offering flexibility and choice to users.

  4. Efficiency and Convenience: Our design aimed at improving efficiency, as seen in the prioritization of the top-up method on the main screen and the automated selection of the most cost-effective processing fee, aligning with the UX principle of efficiency and convenience.

ICONS

These are the icons been created and use in the app.

VISUALS

The screenshots below of the app were included to provide visual context to the design decisions. These visuals highlighted the following key aspects:

Dash1.jpg

Home Screen Design:

  • Emphasized the prioritization of the top-up method for user convenience.

SignUp.jpg

Sign-Up Process:

  • Streamlined from five steps to three, with improved form simplicity.

topup1.jpg

 

Top-Up Screen:

  • ATM-inspired design for user-friendliness and clear balance display.

topup2.jpg

Payment Method:

  • Automated selection of the most cost-effective processing fee.

topup3.jpg

Card Selection:

  • Automatic selection of the previously used card for streamlined payments.

topup3_success.jpg

Success Screen:

  • Notifications and updated balance display post-transaction.

topup4.jpg

Prepaid Card Top-Up:

  • A dedicated screen for users to input serial numbers and security codes.

topup5.jpg

OCR Scan Feature:

  • A simplified method for scanning serial numbers and security codes.

LESSONS LEARNED

Reflection

This case study reinforced the significance of user-centric design, underscoring the importance of user observation and questioning assumptions. By keenly observing user actions and posing the right inquiries, I could identify pain points and create a more effective user journey map. The diversity of insights obtained, even from users with similar demographics, was an enlightening experience, showcasing the value of thorough research. Overall, this project provided valuable lessons in UX design.

bottom of page