SAI Wallet
Brand, UX/UI and communication design for a Web3 wallet
UX/UI
Product Design
Branding
mobile app
Design System
crypto wallet
Startup
My role
UX/UI Designer /
Product Designer/
Brand Designer
Product Designer/
Brand Designer
Team
Lead designer (me)
2 founders
2 developers
2 founders
2 developers
Timeline
2025-2026
Status
MVP 1.0,
live in app stores
live in app stores
About the project
SAI Wallet is a mobile crypto wallet with a focus on stablecoins. While staking is often a secondary feature in other crypto wallets, here it is a core user flow.
Goal and objectives
The goal was to create a cohesive design foundation for SAI Wallet’s launch, spanning the brand, app, website, presentation and technical materials. This involved three key tasks:
- Create a visual identity for a modern financial product from scratch.
- Design the MVP app, from architecture and core flows to a design system with two themes.
- Prepare external communications and maintain consistency across all touchpoints: website, app store banners, social media, pitch deck and litepaper.
Key outcomes
Took SAI Wallet from a product idea to a cohesive visual design, launched as an initial MVP for iOS and Android.
Established a visual foundation that presents SAI Wallet consistently as a modern financial product.
Built a cohesive UX/UI system with light and dark themes for a flexible, consistent app experience.
Prepared the product for launch by extending one visual language across the app, website, social media, pitch deck and litepaper.
Post-launch figures
100+
app store downloads
5.0
app rating
40+
completed transactions
Approach
I followed a brand-to-product approach: first establishing the brand’s visual foundation, then applying it to the app and extending it to the website, app stores, social media, pitch deck and litepaper. The result was a cohesive system that presents the product consistently to users, investors and technical audiences.
Crypto wallet
Approach
The main challenge was to combine distinctive features—stablecoin support and AI-assisted staking—with the simplicity and familiar logic of a crypto wallet, giving both new and experienced users a sense of control.
The solution was progressive disclosure: users first see their assets and available actions. Technical details appear when needed, helping them understand what is happening to their funds without overwhelming them.
The solution was progressive disclosure: users first see their assets and available actions. Technical details appear when needed, helping them understand what is happening to their funds without overwhelming them.
Explorer
New to crypto and looking to open their first wallet and start saving.
Pain points:
- Too many features make the product hard to learn and obscure the main flows.
- Fear of losing money through mistakes: choosing the wrong network or address, misunderstanding fees and more.
Need:
A simple, safe experience without having to understand all of Web3: see where their money is and what they can do with it.
Insight:
- Support transaction decisions by showing risks, liquidity, fees and expected returns before confirmation.
- Organise the interface around a few key flows, each visible and accessible in one or two steps.
Investor
Regularly uses staking and liquidity pools to grow their portfolio.
Pain points:
- Unclear earning terms, no fixed commitments and little visibility into staking returns.
- No guidance or analytics: users must find worthwhile, trusted opportunities, bridges and other tools themselves.
Need:
Find more predictable, rewarding opportunities and understand the terms before confirming a transaction.
Insight:
- Integrate AI analytics and staking recommendations into each stage of the experience, rather than treating them as a separate tool.
- Make investment flows predictable by showing staking terms before confirmation.
App information architecture
Home: managing assets and networks
In a multichain wallet, the same token can exist on several networks, making the asset list cluttered and hard to scan.
The screen’s main task is to answer two questions at a glance: how much money do I have, and where is it?
The screen’s main task is to answer two questions at a glance: how much money do I have, and where is it?
Solution
Assets are grouped by token, with network details expanded within each token, instead of appearing as a fragmented list of networks.
Address copying, one of the most frequent wallet actions, sits at the top. Users can quickly find a network and copy its address without opening another screen.
Token: key actions and control
The token screen is the asset’s control centre. Users need to see what is happening, which actions are available and which transactions have already taken place.
The main goal is to keep the asset in focus.
The main goal is to keep the asset in focus.
Solution
Asset information and key actions sit at the top, arranged in a clear hierarchy.
History is visually divided into four action types:
Receive, Send, Swap and Stake, making it easy to scan an asset’s activity.
Receive, Send, Swap and Stake, making it easy to scan an asset’s activity.
Each transaction includes a detailed breakdown, improving transparency and reducing the risk of errors.
Analytics serve as a supporting tool and are collapsed by default to keep the focus on core actions.
Token screen
Token actions: Send, Receive, Swap
Staking as a core action
Staking is more complex than everyday transactions: users commit assets under specific terms, including lock-up periods, potential penalties and expected returns.
The interface’s main task is to make staking predictable: users should quickly understand which asset to choose, where to stake it, for how long, what returns to expect and what happens after confirmation.
The interface’s main task is to make staking predictable: users should quickly understand which asset to choose, where to stake it, for how long, what returns to expect and what happens after confirmation.
Solution
Staking has its own tab for quick access, reflecting its role as a core product action.
The section has four views for discovery and management:
New, Active, AI recommendations and Popular. They separate different tasks within one section and reduce cognitive load.
New, Active, AI recommendations and Popular. They separate different tasks within one section and reduce cognitive load.
Staking terms are visible before confirmation and remain available afterwards. This makes the flow more predictable and reduces uncertainty.
Staking
Smart decision support
The product includes an extra layer of decision support, offering clear guidance at the right moment—from choosing a strategy to completing a transaction.
The challenge was to make these tools useful without overloading the interface.
The challenge was to make these tools useful without overloading the interface.
Solution
I integrated analytics into relevant flows instead of placing them in separate tabs.
I separated AI recommendations from popular staking options to keep the flow transparent and easy to control.
I organised notifications into four categories: token transactions, staking forecasts, security and system messages.
I embedded guidance and insights into asset flows to support decisions without turning the wallet into a sprawling dashboard.
AI strategy and yield recommendations
Transaction decision support
Tracking and analytics
Monitoring and alerts
Profile and settings: security and control
In a non-custodial wallet, settings are central to trust: users are responsible for access to their funds, network selection and account management. I brought these controls together in the profile and settings, separate from everyday wallet transactions.
Settings screens
Design system: consistency and scale
I created a design system to define core UI patterns, simplify scaling and keep the experience consistent across product flows.
Expected UX/UI impact
A faster first successful action
By making basic actions accessible without requiring in-depth Web3 knowledge.
More completed transactions
Through a transparent flow: users know what they are sending, where, on which network and at what fee.
Fewer network selection errors
Through clear network breakdowns within each token and a review step before confirmation.
Greater trust in the product
Through clear statuses, a calm visual language and helpful explanations at critical moments.
Branding and visual communication
Approach
The visual concept draws on staking: separate elements join to form a stable system and begin working together. This idea shaped the logo and extended to graphics, layouts and communication materials. The brand combines Web3 technology with a sense of reliability and control.
Reflection
An early MVP needs a balance between scope and speed. The priority was to build a solid foundation for launch and validation, rather than cover every possible use case.
Overloaded interfaces and excessive technical detail can lead to errors and undermine new users’ trust. I therefore prioritised a clear visual hierarchy and progressive disclosure.
Trust is built beyond the product itself. When technical and communication materials share one visual language, an early-stage startup feels more mature and cohesive.
The end
