Back to portfolioCase study

01 — PT. GDC Multi Sarana · Nov 2022 – Feb 2024

GDC Pay
E-Wallet

End-to-end product design for a mobile e-wallet that scaled to 50,000+ active users, with a focus on trust, clarity, and onboarding retention.

My Role
UI/UX Designer
Duration
15 Months
Platform
Android
Team Size
5 People — 1 UI/UX Designer, 1 Product Manager, 2 Backend

Overview

The problem
and my role.

The challenge

GDC Multi Sarana needed a consumer e-wallet that could compete in an already crowded Indonesian fintech market. Users in Tier 2 and Tier 3 cities were skeptical of digital financial products, often abandoning onboarding at the identity verification step. The existing prototype had a 72% onboarding drop-off rate and lacked the trust signals required for first-time digital banking users.

My contribution

Own the complete design lifecycle — from discovery research through to developer handoff. Build a design system from scratch, validate every major flow through usability testing, and deliver an experience that makes digital financial services feel safe and intuitive for users who had never used an e-wallet before.

Product screens

Mobile app

GDC Pay: Mobile app

Process

Design journey

01 — Discover

Research & Empathy

The original project was delivered through stakeholder discussions, requirement analysis, design exploration, and engineering collaboration.

Deliverables

  • PERSONA DEFINITIONS
  • USER INTERVIEW REPORTS
  • AFFINITY MAPPING
  • COMPETITIVE ANALYSIS

02 — Define

Problem Framing

Synthesised research into 3 core problem statements around onboarding trust, transaction clarity, and error recovery. Created a revised information architecture that reduced top-level navigation items from 9 to 4 and mapped 23 critical user flows covering registration, P2P transfer, top-up, and bill payment.

Deliverables

  • JOURNEY MAPPING
  • PROBLEM STATEMENTS
  • INFORMATION ARCHITECTURE
  • USER FLOW MAPS

03 — Design

Prototyping & System

Built a complete design system in Figma with 140+ components covering typography, colour tokens, icon set, form states, and motion guidelines. Produced high-fidelity prototypes for all core flows. Prioritised micro-interactions for loading, success, and error states to build subconscious trust in financial contexts.

Deliverables

  • MOTION GUIDELINES
  • FIGMA DESIGN SYSTEM
  • 140+ COMPONENTS
  • HI-FI PROTOTYPES

04 — Deliver

Testing & Handoff

Ran 3 rounds of moderated usability tests with 8 participants each. Iterated on payment confirmation UI after discovering users misread the fee breakdown. Delivered annotated Figma files with developer-ready specs, asset exports, and a 32-page interaction documentation to the engineering team.

Deliverables

  • INTERACTION DOCS
  • USABILITY TEST REPORTS
  • FIGMA DEV MODE
  • DEV HANDOFF SPECS

Impact

Results

50K+
Active Users at Launch
40%
Increase in User Retention
28%
Reduction in Onboarding Drop-off
140+
Design System Components
3×
Usability Test Iterations
23
Critical User Flows Mapped

Reflections

What I learned.

Trust is a Design Material

In fintech for first-time users, every micro-interaction either builds or erodes confidence. We learned to treat loading states, error messages, and confirmation dialogs as primary design surfaces — not afterthoughts.

Iteration Speed Matters More Than Perfection

Three rapid usability test cycles were more valuable than one polished design phase. The payment confirmation issue we caught in Round 2 would have cost significantly more to fix post-launch.

Design Systems Pay Off Immediately

Investing 6 weeks in the component library upfront allowed us to move 4× faster in the second half of the project and gave engineering a consistent, predictable handoff.