ShopeePay Indonesia:
Redefining the
Financial Ecosystem
for 120M+ Users

Evolving from an e-commerce wallet to a standalone, high-trust financial platform tailored for Southeast Asia's largest economy

ShopeePay Indonesia app home screen

Background

Amidst user churn, ShopeePay Indonesia recognized that its e-commerce-heavy UI hindered financial credibility. This initiative transforms ShopeePay into a standalone app to capture the 40% of non-Shopee users within the digital payment market. For our 120M+ registered users, the mission is to eliminate UI complexity, improve load speeds, and deliver a high-trust, professional financial service.

My Role

Lead Product Designer (End-to-End)

Goal

Establish Trust: Leverage SeaBank's design language to create a streamlined, "Banking-Grade" experience that reinforces ShopeePay's position as Indonesia's #1 E-wallet (2023–24).

Systemic Consistency: Harmonize the SeaMoney product ecosystem (SeaBank, SPayLater) through a unified component-based framework to accelerate development and design scalability.

Empower Growth: Refactor information architecture and localized UX to lower the cognitive barrier for non-Shopee users, driving seamless entry into our financial ecosystem.

The User-Centric Strategy for 120M+ Users — multi-layered user base and design adaptation strategy table
User Journey Map — ShopeePay Scan & Pay: stages, actions, thoughts, emotions, pain points, opportunities
Deconstructing Friction: Legacy UI Audit & Anxiety Diagnosis — ShopeePay Home, SPM, PIN Verification, P2P Transfer
Design Reconstruction & Brand Fusion — detailed design reconstruction table covering color strategy, asset integration, space & layout, visual refinement
Visual Refinement — color strategy, asset integration, space & layout, visual refinement examples
Core Evolution: From Density to Clarity — ShopeePay in Shopee app vs ShopeePay app ID, old vs new P2P transfer screens
SPM and PIN Loading — old vs new payment method selection and PIN verification screens
Other Features in New Design — Shopee Home, Me Page, SPL Landing Page, SPL Home, Insurance Home, Insurance Details, Live Video pages

Conclusion & Impact

Design Upgrade Plan

Scale & Sync: Build a comprehensive component library integrating Credit and Insurance modules, then synchronize with development and regional design teams.

Deliverables & Business Impact

Checkout Success: Native UI migration slashed timeouts, lifting final payment completion by 14%.

Native Speed: Core loading time slashed from 3.5s to 0.8s, ensuring instantaneous financial trust.

Service Efficiency: Transaction-related complaints dropped by 21% due to real-time status feedback.

Designer's Reflection

Designing for the Next Billion Users requires more than aesthetics; it requires deep empathy for the socio-economic and technical infrastructure of the region.

Performance is the premium UI; clarity is the ultimate trust.

ShopeePay Indonesia full UI showcase — login, transfer, payment method, home, transaction history, vouchers, and more screens

See More Works