CASE STUDY
Indigo Protocol
MY ROLE
Product Engineering
Frontend Architecture
Data Visualization
Design system implementation
CLIENT
Indigo Protocol (via v21 Studio)
YEAR
2026
TECH STACK
OVERVIEW
Indigo spanned two connected surfaces: a protocol website for brand and product education, and a much deeper application experience covering dashboard analytics, assets, stability pools, loans, redemptions, governance, swap and bridge flows, and INDY staking.
The app was the heavier engineering piece. I worked across high-density product views, chart systems, modal workflows, token selection, and state-heavy interaction patterns that helped turn complicated DeFi actions into clearer user flows.
Alongside the app, the landing site extended the same product story through video-led hero content, product and governance sections, ecosystem modules, developer resources, and FAQ content so the protocol felt coherent both before and after users entered the app.
WHAT I OWNED
- -Built core app surfaces across dashboard, assets, stability-pool views, analytics, loans, redemptions, governance, swap and bridge, and INDY staking flows.
- -Implemented reusable chart patterns for TVL, collateral, portfolio breakdowns, asset history, sparklines, staking, and other protocol metrics across the app.
- -Built guided interaction flows such as open-loan and manage-loan modals, redemption panels, deposit flows, token and chain selectors, filters, and confirmation states with responsive behavior across breakpoints.
- -Built supporting landing-page sections for hero storytelling, product education, governance, ecosystem integrations, developer resources, and FAQ content.
KEY OUTCOMES
- -Delivered a broader protocol experience that connected discovery, education, and in-app product workflows instead of treating them as separate surfaces.
- -Made complex DeFi concepts easier to navigate through reusable data-visualization patterns, stronger UI hierarchy, and more guided action flows.
- -Shipped both the app and website with a more unified visual language and reusable component structure across charts, cards, filters, and modal systems.
Product Walkthrough
Dashboard Overview
Swap Interface
Earn and Stability Pool Views
Deposit Flow
Order Book and Redemption Flows
Analytics Overview
Analytics Deep Dive
Governance and DAO Overview
Proposal Detail
Website Walkthrough
Website Hero
Products Section
Learn Section
Developers Section
Wallet and Ecosystem Surfaces
Website Slideshow and Brand Motion
Tria
—
Interactive multilingual product platform for wallet, card, and BestPath storytelling














