.webp)
The Problem: A Broken Reward Loop
Spin App had a functional product but a fundamentally broken core mechanic. Users were allowed to "Spin the Wheel" for a reward before completing a purchase.
The issue? If the user spun and got "Try Again" or a low reward, they felt disappointed and often abandoned the purchase entirely. The gamification was effectively punishing users before they even spent money — the opposite of what a reward system should do.
Additionally, the UI was cluttered and the visual identity felt dated, lacking the energy and trust needed for a consumer fintech app.
The Core Fix: Flipping the User Flow
Before → After: The Critical Change
This wasn't just a visual redesign — it was a fundamental restructuring of the user flow based on behavioral psychology:
Before: The Punishment Loop
Broken FlowOpen App → Spin the Wheel → Lose → Feel bad → Abandon purchase
- User spins before buying
- Losing the spin kills motivation to purchase
- The "reward" becomes a barrier to conversion
- Users associate the app with disappointment
After: The Celebration Loop
Fixed FlowOpen App → Top Up → Payment confirmed → Spin the Wheel → Always win!
- User spins after a confirmed purchase
- The spin is a celebration, not a gamble
- Every spin wins something: cashback, points, or double recharge
- Users leave the app feeling rewarded every time
The Psychology Behind It
I restructured the user flow based on the Hook Model. By moving the "Spin" to the end of the transaction, the reward becomes a celebration of the purchase, not a prerequisite. The "No-Loss" mechanic ensures every interaction ends on a positive note (dopamine hit), reinforcing the habit of returning to the app.
Visual Identity: From Chaos to Clarity
Brand Evolution
The original brand felt aggressive with clashing neon colors. I developed a balanced, trustworthy, yet playful palette and a logo that suggests movement without chaos.
UI Evolution
We moved from a cluttered list view to a clean, card-based interface. Key actions like "Top Up" are now prominent, and we removed a full step from every transaction by automating country code selection based on the contact's number.
Impact & Outcomes
The redesign shifted the app from a purely functional utility to an engaging experience:
- Eliminated the Punishment Loop: By moving the spin to post-purchase, users no longer abandon transactions after a bad spin result.
- Every Spin Wins: Cashback, points, or double recharge — every interaction ends positively, reinforcing the habit loop.
- Reduced Friction: Automating country code selection removed one step from every single transaction.
- Brand Trust: The new visual identity feels trustworthy enough for financial transactions while remaining playful and engaging.
Project Gallery
A look at the final screens and the promo video created for the launch.
