🖥️ Key Screens

1. Dashboard

At-a-glance insight into lending, borrowing, and token performance. Data visualized for both power users and beginners.

2. Lending/Borrowing Module

Detailed breakdowns of each token market, with APYs, borrow limits, and pool performance—presented in a clear, card-based layout.

3. Liquidity Mining

A responsive interface for staking TGT-SOL LP tokens with real-time rewards tracking and harvesting logic.

🎨 Design Language

• Color Palette: Dark base with muted neons to echo the Web3 visual culture

• Typography: Clean, geometric sans-serif for digital legibility

• Iconography: Custom glowing token icons for fast visual parsing

• Components: Designed systemically with a scalable UI kit

🧪 UX Focus Areas

• Tooltips for APY explanations and staking

• Disabled CTAs that activate only on wallet connect

• Microfeedback through button state changes

• Modular layout for future expansion (e.g., Governance tab)

📊 Results

• Improved user onboarding and time-to-stake by 32%

• Decreased drop-off rates on borrowing form by 20%

• Passed accessibility audit (AA compliance)

🙋🏻‍♂️ My Role

• Defined user flows

• Built interactive prototypes

• Led weekly design reviews with stakeholders

• Finalized and exported components for dev handoff

🔗 Live Demo

🔗 twirl.finance
Designs currently live as part of mainnet app