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

A scalable and trustworthy crypto wallet for enterprise-grade operations

Building a low-friction workflows, transparent asset control, and flexible approval systems for secure, high-volume transactions.
Visit website ↗︎
CaseStudy_WalletProWeb_Hero

ROLE

UI/UX designer

TIMELINE

2023 ~ Jan, 2024

TEAM

Front-end engineer, Back-end engineer , Quality assurance engineer

DELIVERABLES

Mockups
Prototypes
Usability test
Executive presentations
Asset production

Designing beyond UI – Driving process improvements across teams

While building this crypto wallet platform, I also helped optimize team workflows to reduce friction and improve delivery speed across design, product, and engineering.
Redesigned the Design Review process to focus less on formal stakeholder alignment, and more on reducing communication loops with engineers
Deliverables included cleaner, developer-ready specs, pre-meeting documentation, and post-review checklists tailored for engineering timelines.
Introduced a new cross-functional product review checkpoint before development begins
  • Instead of waiting for QA post-development, designers and business teams now run a pre-dev product walkthrough with a focus on edge cases and exception states.
  • Delivered a product test doc alongside the final Figma handoff, outlining all demo and review scenarios engineers needed to build for—including non-happy paths.
CaseStudy_WalletProWeb_Mockup

Background

When handling crypto, one mistake can mean losing funds for good. With assets spread across wallets and multiple people involved, clear permissions and approval flows are essential. We designed flexible withdrawal rules and an extra verification layer to help finance teams reduce errors and stay in control.

Our goal

  • Reduce the risk of sending funds to the wrong place with extra checks before transfers
  • Make roles and permissions crystal clear so every action is tracked and accountable
  • Help non-technical team members feel confident handling transactions with real-time clarity
CaseStudy_WalletProWeb_BackgroundIllu

Without clear permissions and audit trails, it’s hard to know who’s handling the assets and whether they’re being used properly.

“I’m kinda worried the money’s not being used properly.“

Handling large transfers without clear checks or real-time feedback feels stressful and error-prone.

“Sending that much money to over a hundred accounts? I’m seriously scared I’ll mess something up.“

How did I define the user needs?

Click to see full research process

1. User insight discovery
To understand how enterprise users manage crypto assets, I interviewed:
  • Finance Lead – responsible for internal fund allocation and approvals
  • US-based Finance Operator – handles daily transfers and vendor payments
  • Internal Auditor – reviews transactions and risk-control compliance
Discovered pain points below:
  • Without clear permissions and audit trails, it’s hard to know who’s handling the assets and whether they’re being used properly.
  • Handling large transfers without clear checks or real-time feedback feels stressful and error-prone.
2. Synthesize & Define
How might we
3. Design principles

Clarity Over Complexity
Make asset flows and actions easy to understand at a glance.

Minimize Cognitive Load
Streamline flows to reduce user anxiety, especially for high-stakes tasks.

Support Human Oversight
Make it easy for approvers to catch issues before they become problems.

Build for Flexibility
Design with scalable, modular patterns to adapt to changing business rules.

Trust Through Transparency
Provide clear feedback and traceability to reinforce user confidence.

Proactive Risk Awareness
Surface anomalies and risky behaviors before users even notice them.

4. Design rationale
Before jumping into wireframes, I documented the design rationale including the business mission, user outcomes, and strategies.
5. Structure
After the HMW process, we decided to start with the withdrawal process. Our goal is to prevent transaction mistake and make operators feel confident while they transfer.
Flow chart
Wireframe
6. Validation

Usability Testing
To validate the flow, I ran usability tests with 3 participants who had varying levels of experience with Web 3.0: beginner, intermediate, and advanced. Each user was asked to complete a crypto transfer task using our interface. The key findings is:

  • Input field layout was misleading, causing confusion about what information was required.
  • Users felt insecure due to the lack of visibility into the full transfer process (e.g. what steps were coming next).
6. Delivery

After finalizing the usability improvements, I delivered a detailed handoff package—not only including user flows and UI specs, but also clearly documented status variations and design intent behind every interaction.

7. Dev process optimization
To further reduce development misalignment, I introduced a new Product Demo Checklist that was shared with engineers at handoff. This checklist ensured that all hidden states, alternate flows, and edge cases were considered before QA.

Impact

This process significantly improved build accuracy and reduced back-and-forth. As a result, QA turnaround time was shortened, and user complaints dropped from 2–3 times per week to just 1–2 per month after launch.
CaseStudy_WalletProWeb_Overview_Macbook

Dashboard Redesign — Improving Clarity, Conversion, and Operational Efficiency

CaseStudy_WalletProApp_BulletedList
Streamlined Onboarding: Getting Started Optimization
Objective
Increase conversion rate for self-serve enterprise users
Background
Most enterprise clients relied heavily on sales support to activate their accounts. However, this creates friction for organic visitors unfamiliar with the system.
Design Approach
CaseStudy_WalletProWeb_OverviewGetStarted
By redesigned the onboarding flow by placing a concise, visual step-by-step activation guide prominently at the top of the dashboard post-login. This made it easier for first-time users to self-navigate and activate their enterprise plans without human assistance.
CaseStudy_WalletProApp_BulletedList

A clear snapshot of all assets, unified across wallets and chains

Objective

Help users clearly understand the current asset distribution, detect unusual changes, and respond to risks in a timely manner.

Background

Crypto assets are spread across chains and currencies, making it hard for users to get a clear picture of their total balance and changes over time. Without proper visibility, rate fluctuations or depegging can easily go unnoticed and delay key decisions.
Design Approach

Daily Asset Trend with Risk Alerts
The line chart shows daily balance changes, with tooltips highlighting abnormal rate fluctuations or stablecoin depegging to help users spot risks quickly.

CaseStudy_WalletProApp_BulletedList

Real-Time Transaction Awareness: Status & Action Alerts

Objective

Help users act quickly on pending or abnormal transactions

Background

In financial dashboards, surfacing live updates on transaction status is critical. Without it, users may miss important tasks like approvals or compliance submissions, leading to delays or errors.

Design approach

CaseStudy_WalletProWeb_OverviewDashboard
  • Introduced a persistent side panel that highlights key pending actions: withdrawal approvals, incomplete Travel Rule forms, and flagged enterprise transactions.
  • Added real-time indicators with transaction counts based on status (e.g., pending, needs action), helping users stay on top of critical flows without needing to dig into subpages.

Designing Granular Access & Approval Controls for Safer Crypto Treasury Operations

CaseStudy_WalletProApp_BulletedList
Asset rule configuration

Objective

Enable finance teams to clearly control asset movement and assign responsibility for each transaction.

Background

Crypto assets are difficult to recover once misused, making access control and approval flow critical in enterprise environments. With multiple assets, team members, and varying transaction amounts, companies need flexible tools to set clear boundaries on who can act, when, and how much — while minimizing operational risk.

Design Approach

Activity tracker - Building a withdrawal tracking experience for enterprise risk control

CaseStudy_WalletProApp_BulletedList

Helping auditors detect irregularities through clear, daily visual insights

Objective

Give auditors a clear, data-driven view of daily withdrawal activity, helping them detect unusual behavior and ensure proper asset handling.

Background

In high-volume crypto treasury systems, it's easy to miss abnormal withdrawal patterns—especially when multiple team members operate across different roles and approval levels. To support risk monitoring, we consolidated key indicators (total withdrawn, failure rate, pending approvals) with daily charts, heatmaps, and detailed tables, allowing auditors to quickly spot outliers and follow up as needed.

Design Approach

How the heatmap helps identify activity hotspots
The heatmap visualizes withdrawal actions across time and users, making it easy to spot patterns like unusually frequent operations, high-volume days, or specific users with concentrated activity. This gives auditors a quick, intuitive overview of where to focus their attention.

Why include a table for non-reviewed withdrawals?

To help auditors identify potential loopholes in the approval system, we surfaced all transactions that bypass review. This makes it easier to monitor unusually frequent or large withdrawals that may otherwise go unnoticed.

Designing a Scalable and User-Friendly Crypto Transaction Flow

CaseStudy_WalletProApp_BulletedList

Prioritizes scalability and flexibility to accommodate ongoing changes seamlessly

Objective

Create a transaction experience that is both easy for non-crypto users to navigate and flexible enough for rapid integration with new business partners.

Background

The crypto space moves fast, and our product needed to support frequent partner integrations and new transaction types. At the same time, many users were unfamiliar with crypto, so we had to make the flow intuitive. Internally, the design also had to support fast engineering turnaround — ideally within 2–3 days per integration.

Design Approach

CaseStudy_WalletProWeb_Trade_Layout
  • Consistent layout structure across Buy, Sell, and Transfer flows
  • Component-level flexibility for inserting different payment methods or compliance steps
  • Engineering-ready structure enabled new partner integrations in just 2–3 days

For usability: The transaction flow mimics the familiar e-commerce checkout pattern. All key steps — asset selection, form input, fee confirmation, and final review — are consolidated into a single page, reducing user anxiety and cognitive load, especially for crypto newcomers.

Design system

Integration

Integration
 While the color palette and token naming conventions were shared across projects (Wallet Pro App), I ensured consistent application throughout this product by adhering to the system's guidelines and component standards.
In cases where unique components or new states were needed, I extended the existing system with reusable, scalable patterns—coordinating closely with developers to align token usage and maintain visual and functional consistency.

Components

For each component, I documented:

  • Its primary use cases
  • Variants and responsive behaviors
  • All interactive and edge states

UI kids

Page template

Spacing system

← Previous project
OwlPay Wallet Pro - App
Next project →
097 forum
crossmenu-circle