Y
Yasindu Nethmina
Full-Stack Product Engineer
MENU
Projects
Blog
Experience
About
Contact
©2026 Yasindu Nethmina. Made with in Colombo, Sri Lanka.
CASE STUDY

Indigo Protocol

MY ROLE

Product Engineering

Frontend Architecture

Data Visualization

Design system implementation

CLIENT

Indigo Protocol (via v21 Studio)

YEAR

2025

TECH STACK
Next.jsTypeScriptTailwind CSSRechartsFramer MotionGSAPZustand
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

Indigo app walkthrough video

Dashboard Overview

Indigo dashboard overview

Swap Interface

Indigo swap interface

Earn and Stability Pool Views

Indigo earn and stability pool view

Deposit Flow

Indigo deposit flow

Order Book and Redemption Flows

Indigo order book and redemption interface

Analytics Overview

Indigo analytics overview

Analytics Deep Dive

Indigo analytics detail view

Governance and DAO Overview

Indigo governance and DAO overview

Proposal Detail

Indigo proposal detail view

Website Walkthrough

Indigo website walkthrough video

Website Hero

Indigo website hero section

Products Section

Indigo website products section

Learn Section

Indigo website learn section

Developers Section

Indigo website developers section

Wallet and Ecosystem Surfaces

Indigo website wallet and ecosystem section

Website Slideshow and Brand Motion

Indigo website slideshow section
SEE ALSO
NEXT PROJECT

Ern

Stablecoin yield product with an analytics dashboard

Contact
Indigo Protocol Case Study | Yasindu Nethmina