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 differentbuttons, 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 differentbuttons, 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 firstareas 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 firstareas 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 confusedthey 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 confusedthey 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