Double-click this headline to edit the text.
OwlPay Wallet Pro App

Building Trust for a 42.7% Surge in Transactions

A borderless, real-time transfer wallet designed for seamless global transactions—ensuring asset stability and secure payments anytime, anywhere.

View official website ↗︎

ROLE

UI/UX designer

TIMELINE

2024 ~ Mar, 2025

TEAM

Development Lead, iOS engineer, Android engineer, Back-end engineer

DELIVERABLES

User Research

Survey design and quantitative analysis

Product Design

Competitive analysis
Low- and high-fidelity wireframes
Interactive prototypes
Executive presentations
Asset production

Results & Business Impact

42.7

%

increase in transaction volume
Boosted transactions by 42.7% through UX enhancements.
4 months before Dec 2024: 234 trades.
12 months including Dec 2024 – Feb 2025: 334 trades.
100 new trades, a 42.7% transaction growth.
41

%

faster user growth
Accelerated user onboarding by 41%.
9 months before Nov 2024: 529 registrations.
After redesign (Dec 2024–Feb 2025): 747 registrations.
218 new users, a 41% acceleration in user adoption.
CaseStudy_WalletProApp_mockup

Background

Users needing fast and affordable cross-border transactions, including migrant workers, travelers, and digital nomads.

Our goal

To minimize the learning curve by creating an intuitive and frictionless experience—allowing users to confidently manage their assets and complete transactions with ease.
CaseStudy_WalletProApp_migrate_illu

Information overload in the asset list makes quick decisions difficult.

“I can't find what I need at a glance, and the asset list has way too much info I don’t even use!“

Users struggle with unnecessary mental load when forced to manually convert currencies.

“I don’t care about crypto-to-USD—I just want to see it in my local currency! Why do I have to do the math for that?“

How did I define the user needs?

Click to see full research process

Challenge

Conducting user research without direct access to end users. In the Wallet Pro project, I faced three key challenges:

Limited user access

No direct contact with Latin American users; relied on internal insights and secondary research.

Tight development timeline

Design and engineering ran in parallel under a compressed schedule.

Unpredictable third-party dependencies

External service providers changed frequently, requiring quick adaptation in design.
1. User insight discovery
To uncover user pain points without direct access to users, I relied on the following methods:
  • Online questionnaire
    A short survey targeting potential users with remittance experience, helping validate assumptions about trust, cost, and speed concerns.
    Questionnaire responses collected
  • Secondary research
    Reviewed remittance trends, fintech adoption in Latin America, and challenges reported by migrant communities through articles, user forums, and news sources.
    Report collection
  • Competitive analysis
    We focused on Latin America's most-used bank apps rather than Web3 wallets, since Wallet Pro only supports stablecoin on/off ramps. This allowed us to better understand local users’ expectations for basic transfers, balances, and currency views.
2. Pain points & Product strategy
After research, we identifying key user pain points:
  • Difficult to open a bank account
  • High maintenance and cross-border transfer fees, even with a bank account
  • Unstable fiat currency makes it hard to preserve asset value
  • Currency exchange is complex and expensive
  • Traditional international transfers are slow
  • Product strategy
    With the pain points clearly defined, I worked with marketing and business stakeholders to translate user needs into strategic directions—refining how Wallet Pro could deliver value through stability, accessibility, and simple cross-border transfers.
3. Design principles
According to the product strategy and pain points, we defined the design principle below:

Prioritize transaction actions
Key functions like send and convert should always be easy to access.

Display fiat value over crypto value
Users care more about real-world currency than token amounts.

Support multilingual accessibility
Clear language builds trust across diverse user groups.

Make transfers simple and intuitive
Cross-border payments should feel as easy as sending a message.

Why design principles

Design principles are a set of clear, actionable guidelines that help the team make consistent, user-centered decisions throughout the design process. They ensure that anyone working on the product—whether current or future team members—can align with the same design standards and contribute toward a unified product vision.
Design approach

Optimized Asset Display & Transactions for Faster Access

CaseStudy_WalletProApp_OldtoNew_assets2

1. Improved Transaction Flexibility

CaseStudy_WalletProApp_BulletedList
Reorganized actions based on priority for faster access.
CaseStudy_WalletProApp_BulletedList
Future-proof the interface by allowing users to customize key action shortcuts, ensuring adaptability to diverse user needs and evolving feature sets.
Case_Study_WalletProApp_Icon_FutureProof

2. Reduced Cognitive Load in Asset Display

CaseStudy_WalletProApp_BulletedList
Dynamic asset lists and clear local currency prioritization reduced mental effort.
CaseStudy_WalletProApp_Manage_assets
CaseStudy_WalletProApp_BulletedList
Prioritizes fiat currency as the primary display format and supports multiple currencies to minimize mental calculation effort.
CaseStudy_WalletProApp_Assets_Currency

3. Optimizing Transfer Flow for Higher Efficiency

CaseStudy_WalletProApp_BulletedList
Streamlined Transfer Flow. Introduced “Recent sent” for one-tap access, cutting search time.
CaseStudy_WalletProApp_Assets_ResentSent

Design system

My role

I helped build the Wallet Pro design system from scratch, focusing on core components, developer handoff, and documentation.
My responsibilities included:
  • Defining the full color palette, typography scale, and spacing system
  • Aligning token naming conventions with front-end engineers for seamless handoff
  • Creating reusable components from atomic elements to full-page templates in Figma
  • Converting the icon system into a font set to optimize performance and reduce front-end loading time

Why we built it

  • Inconsistent UI patterns across teams
  • Repetitive design work
  • Miscommunication with developers

Components

Button

List

Typography

Color

Handoff documentation standard

In addition to building the design system, I also defined a handoff documentation standard to streamline design-to-dev collaboration.
Hand-off document example
Interactive behavior notes template

Naming convention

For the transaction detail page, I structured and named components following a consistent pattern:
HistoryModal for the main container, with subcomponents like TypeLabel and Amount. Detail elements like Txid, FeeInfo, and DetailItem were also modularized to support future reuse across pages.

Reflection

This project pushed me to grow not only as a designer, but also as a systems thinker and collaborator.

Without direct user access, I defined pain points through secondary research and stakeholder input. In retrospect, early lightweight validation (e.g. remote testing) would have made our assumptions more robust.

As more designers joined later, the lack of a clear collaboration process caused delays and inconsistencies. I often had to review and refine others’ work before handoff, revealing gaps in both design-to-dev and peer-to-peer workflows.

If I were to lead a similar project again, I would:

  • Establish a designer-facing checklist or quality gate, similar to engineering QA, to reduce dependency and improve handoff efficiency.

  • Draft clear design briefs before delegation, ensuring alignment on user goals, constraints, and visual standards.

  • Facilitate earlier alignment rituals (e.g. kickoff, mid-review) to create shared ownership across the team.

This experience reinforced the value of not only building great designs, but also designing better ways to collaborate.

Activities and outputs

← Previous project
Jianren app
crossmenu-circle