Stanbic-X
Defi/Web3
PROJECT OVERVIEW
The Stanbic-X DeFi platform provides powerful tools for crypto users—swapping, staking, and managing STX tokens. However, feedback revealed that less experienced users struggle with the token swap and wallet connection experience. Additionally, the platform’s visual and interaction design lacked consistency across different modules.
This project addresses three key challenges:
Simplifying the Token Swap Interface
Redesigning Wallet Integration with Clarity
Creating a Scalable and Consistent Design System
TOKEN SWAP REDESIGN OVERVIEW
A clean layout with clear typography and iconography
A step-by-step structure for users to select tokens, enter amounts, and review key metrics
Visual clarity for gas fees, slippage, token balances, and estimated output
Expandable Advanced Settings for slippage tolerance, custom gas
Real-time simulation before confirming transactions
Accessible, responsive design across mobile and desktop
WALLET INTEGRATION REDESIGN OVERVIEW
Streamlined Entry Point A prominent “Connect Wallet” button serves as a clear and welcoming call to action, helping users begin with confidence.
Guided Wallet Selection Popular wallets are listed first with beginner-friendly labels, while advanced options are placed under an expandable section to reduce complexity.
Security Awareness Built-In Inline prompts and tooltips explain permissions (e.g., wallet viewing vs. fund access), making users feel informed and safe.
Persistent Connection Feedback Once connected, a status badge displays the wallet name, connection state, and network—with alerts for mismatches and one-click fixes.
Smart Error Handling Errors like rejected requests or unsupported wallets are handled with clear, helpful messages and quick recovery options.
USER RESEARCH
HIGH FIDELITY DESIGNS
