RemitLend transforms traditional lending and borrowing into an immersive, quest-driven experience. The goal is to bridge the gap between complex Web3 financial data and a high-engagement RPG-style interface — making DeFi accessible, rewarding, and sticky.
Designed the Reliability Score engine — a central data visualization hub that translates on-chain creditworthiness into a dynamic circular progress metric with real-time growth indicators. Users can immediately understand their standing without needing to parse raw chain data.
Built the Quest Log and Kingdom Tier Roadmap systems to incentivize timely loan repayments through:
- XP progression tied to on-chain repayment behavior
- Rank-based feature unlocking
- Achievement badges for milestones (first deposit, streak repayments, etc.)
Streamlined the Expansion Loan interface to present critical data — repayment deadlines, USDC amounts, interest rates — within a clean, high-contrast dark mode layout. Reduced cognitive load by grouping related financial states into scannable card components.
Developed a cohesive visual language built around:
- Deep obsidian base palette for the dark mode environment
- Neon purples and teals as primary accent colors
- A premium "Exalted" brand feel that signals trust and sophistication
- Clarity over complexity — financial data should never feel overwhelming
- Progression as motivation — every interaction should feel like it moves the user forward
- Dark mode first — optimized for extended sessions and Web3 aesthetics
- Consistency — shared component language across all dashboard views
| Role | Value |
|---|---|
| Background | #0D0D12 (Obsidian) |
| Surface | #16161F |
| Primary Accent | #7C3AED (Neon Purple) |
| Secondary Accent | #0ECFCF (Teal) |
| Success | #22C55E |
| Warning | #F59E0B |
| Danger | #EF4444 |
| Text Primary | #F1F5F9 |
| Text Muted | #64748B |
- Circular progress ring showing score out of 1000
- Real-time delta indicator (e.g. +12 this week)
- Tier label (e.g. "Exalted", "Sovereign", "Apprentice")
- Active quests with progress bars
- XP reward previews
- Completion animations on repayment events
- Horizontal tier progression (Apprentice → Sovereign → Exalted)
- Locked/unlocked state per tier
- Tooltip previews of unlockable features
- Loan amount in USDC with large typographic treatment
- Repayment deadline with countdown
- Interest rate and health factor at a glance
- CTA buttons: Repay, Top Up Collateral
- Mobile-responsive layout for on-the-go portfolio monitoring
- Animated XP gain feedback on successful repayments
- Notification system tied to Quest Log completions
- Onboarding flow that introduces the tier system to new users