UX/UI

How to Earn

Summary:
 Design a screen for the native app to educate users how they can earn cashback and save. 

UX

Project Outline

Problem Statements

Our app lacked a clear interface to showcase earned cashback, employer-provided savings, and distinguish between activated and automatic savings. Users faced confusion and underutilized these benefits. Our challenge was to swiftly create an educational screen within a week, using existing components, to simplify and clarify these features, enhancing user engagement and understanding.

Functional Requirements

- Cashback and Savings Display: The educational screen aimed to exhibit earned cashback from card and voucher purchases, showcase additional savings from employer-provided benefits, and differentiate between automatically available and activatable savings.

- Technical Considerations, Time Sensitivity: The need for rapid development within a week dictated the utilization of existing components and a simplified design approach.

- User Experience Goals, Enhanced Understanding: The inclusion of this screen intended to enhance user comprehension regarding product usage and associated benefits.

UI

Components & Icons

The design process commenced with the exploration of various design options using pre-existing components and icons. These iterations were shared in collaborative sessions involving product managers, engineers, and another designer. Through iterative critique and feedback sessions, each version underwent refinement, focusing on the clarity of information hierarchy. Aiming for simplicity and ease of comprehension, the final design emphasized a structured layout, prominently displaying base savings while progressively layering additional savings as users scrolled down. Collaboration between design and product management played a pivotal role, with iterative tweaks and refinements leading to the selection of the definitive design.

UI

Screen Designs

Testing

A/B Test

How to earn screen almost doubles the probability of Topping up

The introduction of the how to earn screen has significantly increased the chances of the user topping up signifying that this feature has increased the member clarity on what the Card benefits are, hence leading to a better conversion

Group Type

- Control Group (has NOT had access to how to earn screen)

- Test Group (HAS had access to how to earn screen)

Top Up Rate

- Control Group: 8.61%

- Test Group: 15.92%