Building a Flexible Design System for a DeFi Startup
Created accessible, scalable design for DeFi trading that helped reach $13.4M TVL
COLLABORATOR
Product Manager & Engineer Team
ROLE
Product Designer
DURATION
1 Month
TEAM
Typus Finance
Building a Flexible Design System for a DeFi Startup
Created accessible, scalable design for DeFi trading that helped reach $13.4M TVL
COLLABORATOR
Product Manager & Engineer Team
ROLE
Product Designer
DURATION
1 Month
TEAM
Typus Finance


00 — Context
Leading design at a fast-moving DeFi startup from 0
00 — Context
Leading design at a fast-moving DeFi startup from 0
Typus Finance is a DeFi platform for trading options on blockchain, founded in 2022. I joined as founding designer when the team was shipping features rapidly with inconsistent, unfinished design. To tackle this problem, I took the initiative to identify design gaps and build foundations from scratch while keeping pace with fast product development and scaling.
Typus Finance is a DeFi platform for trading options on blockchain, founded in 2022. I joined as founding designer when the team was shipping features rapidly with inconsistent, unfinished design. To tackle this problem, I took the initiative to identify design gaps and build foundations from scratch while keeping pace with fast product development and scaling.
01 — Problem
Inconsistent, generic design failed to build trust or stand out
01 — Problem
Inconsistent, generic design failed to build trust or stand out
I inherited a product where every page looked different—buttons, inputs, and layouts were inconsistent. I discovered users left immediately because they wouldn't trust their money to a site that looked unfinished. In high-risk finance, visual chaos signals danger.
I inherited a product where every page looked different—buttons, inputs, and layouts were inconsistent. I discovered users left immediately because they wouldn't trust their money to a site that looked unfinished. In high-risk finance, visual chaos signals danger.


02 — Apporach
Rebranded for our target audience, built a design system, and prioritized revenue-critical areas
02 — Apporach
Rebranded for our target audience, built a design system, and prioritized revenue-critical areas
Facing tight deadlines, I interviewed the team, then redesigned the brand and built a complete design system. I prioritized core trading flows and high-traffic pages first—areas that would immediately build trust and drive revenue. This delivered fast impact, then I scaled the system across all features.
Facing tight deadlines, I interviewed the team, then redesigned the brand and built a complete design system. I prioritized core trading flows and high-traffic pages first—areas that would immediately build trust and drive revenue. This delivered fast impact, then I scaled the system across all features.
















03 — Result
Grew from zero to $13.4M TVL and 1M users within a year
03 — Result
Grew from zero to $13.4M TVL and 1M users within a year
The cohesive design built trust immediately. Users no longer left confused—they stayed and traded. The platform grew from launch to $13.4M in total value locked, reaching 1M users. The design system scaled smoothly as we added features.
The cohesive design built trust immediately. Users no longer left confused—they stayed and traded. The platform grew from launch to $13.4M in total value locked, reaching 1M users. The design system scaled smoothly as we added features.
04 — Key Learning
Balancing system consistency with context-specific needs
04 — Key Learning
Balancing system consistency with context-specific needs
Building a design system early gave our team clear direction and prevented messy, repetitive work. However, I learned that some complex components are less efficient when forced into the system. As we applied the system to different use cases, I discovered that engineers sometimes need local solutions. Collaborating closely with the team taught me when to use global versus local components. In practice, finding the balance between consistency and flexibility is what truly matters.
Building a design system early gave our team clear direction and prevented messy, repetitive work. However, I learned that some complex components are less efficient when forced into the system. As we applied the system to different use cases, I discovered that engineers sometimes need local solutions. Collaborating closely with the team taught me when to use global versus local components. In practice, finding the balance between consistency and flexibility is what truly matters.
© 2025 Stephanie Sung All Rights Reserved
© 2025 Stephanie Sung All Rights Reserved