UUPAY Project
UUPAY lets users grow savings across multiple currencies and earn UU Coins along the way — but figuring out what those coins were actually worth, and how to turn them into usable money, wasn't obvious.
Overview
UUPAY is a multi-currency platform where users can manage different currency accounts and exchange funds. The platform also includes UU Coins, which users can earn through savings and convert into other currencies.
Bringing these features together created an additional layer of complexity. Users needed to understand their account balances, savings terms, the value of their UU Coins, and what they would receive before completing a conversion.
My role focused on the information structure and exchange flow — deciding what balance and coin information to show at each step, and in what order, so users weren't calculating conversion value in their head before confirming.
My Role
01. The Challenge
Business Problem
UUPAY lets users hold savings across multiple currencies and earn UU Coins on those savings, which can then be converted into other currencies.
The challenge was helping users understand how these parts worked together. Before making a conversion, users needed to know what they had earned, how much their UU Coins were worth, and what value they would receive after the exchange.
I focused on surfacing UU Coin value alongside account balances at the point users needed it, rather than requiring them to check a separate screen before deciding whether to convert.
User Pain Points
・Unclear total balances
・Unclear UU Coin value
・Complex conversions
・Lengthy exchange flow
・Limited transaction details
Constraints
・Multiple currencies
・UU Coin integration
・Complex calculations
・Financial security
・Clear confirmations
02. Research & Key Insights
Research Methods
・User Flow Analysis
・Information Architecture Review
・Interface Evaluation
・Iterative Design
Key Insights
・Value Visibility
・Reward Connection
・Conversion Clarity
・Transaction Transparency
03. Design Strategy
4 core design principles:
1. Show Coin Value Upfront
2. Match Term to Reward
3. Confirm Before Convert
4. One Layout, Two Currencies
UU Coins are shown with their converted value next to the balance, not as a separate step.
Savings term and coin earnings are paired on one screen, so the trade-off is visible before committing.
Exchange rate, converted amount, and fees are shown together on one confirmation screen.
Currency accounts and UU Coin accounts share the same card structure, so switching between them doesn't require relearning the interface.
Design Process
I started by mapping the main financial tasks and identifying the information users needed at each stage. From there, I organized the account structure and conversion flow, explored the experience through wireframes, and explored the experience through wireframes, then refined spacing, hierarchy, and component states based on usability feedback.
Understand → Define → Structure → Design → Refine
Branding
The UUPAY mark is built from three overlapping triangles, each tilted at a different angle to suggest motion rather than a static shape.
The three triangles map to the platform's three types of value — savings, UU Coins, and currency — overlapping where a user would move value between them, like converting coins into cash.
The overlap areas use transparency instead of a solid fourth color, so the mark stays legible at small sizes while still showing where the three parts intersect.
Typograhy & Color
04. Information Architecture
The platform was organized around four main areas, with UU Coins integrated into both the account and conversion experience.
・Account Overview
・Currency Accounts
・Currency Exchange
・Transaction History
Total account value sits at the top of the dashboard, with savings and UU Coin balances directly below it. The numbers users are most likely to check are the first ones they see. Additional details are available when users want to look deeper without overcrowding the main view.
Users can move from the dashboard into a currency exchange and back without re-entering information they have already provided. Relevant balances and UU Coin values carry over automatically, keeping the exchange flow connected to the rest of the experience.
05. Wireframes
Wireframe Exploration
I used wireframes to map the UU Coin conversion flow and explore how information should appear across input, review, and confirmation states.
06. Interaction Design
On mobile, the desktop sidebar becomes bottom navigation, keeping account, exchange, and history one tap away.
The current balance is placed at the top, followed by recent transactions for a quick overview. Expandable rows reveal additional details when needed.
Users can compare savings terms side by side, with the UU Coin reward for each option shown before they choose.
The completion state confirms a successful transfer and keeps essential transaction details in view. Clear next actions help users continue without retracing previous steps.
06. Solution & Results
01
See Everything in One View
02
A More Focused Conversion Flow
03
Clearer Transaction Details
01. See Everything in One View
Account balances, savings, and UU Coin value appear on a single dashboard, so users don't have to switch screens to check whether they have enough to convert.
02. A More Focused Conversion Flow
The exchange flow guides users from reviewing available funds to checking exchange details and confirming the transaction.
03. Clearer Transaction Details
Exchange rates, conversion amounts, and confirmation details are shown before users complete a transaction, making it easier to review the outcome.
Reflection
Working on UUPAY made me think more carefully about how financial information is introduced throughout an experience. Users may need access to a large amount of information, but that does not mean everything needs to appear on the screen at the same time.
The challenge was deciding what users needed to see first and what could remain available until it became relevant. UU Coins were the hardest case because they don’t have a fixed value until converted. An early version that showed one combined “total balance” number was actually misleading. I ended up separating the confirmed balance from the estimated coin value, even though it meant a slightly busier dashboard.