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

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

Overview

Like many startups racing to build the next breakthrough product, Typus Finance—a DeFi options trading platform—was moving fast, but operating chaotically and lacking any systematic organization

Overview

Like many startups racing to build the next breakthrough product, Typus Financea DeFi options trading platformwas moving fast, but operating chaotically and lacking any systematic organization

As the founding designer and sole design voice on the team, my mission was to contribute in whatever way would make the product better.

Problem

User feedback revealed critical issues: inconsistent and outdated design

Problem

User feedback revealed critical issues: inconsistent and outdated design

I inherited a product where every page looked different—inconsistent visual language across the interface. Through user feedback, I learned users left immediately because they wouldn't trust their money to a site that looked unfinished and outdated. In high-risk finance, visual chaos and generic aesthetics both signal danger.

Original design (Same website, different pages)

Original design (Same website, different pages)

Process

Fix what's broken: establish design guidelines first

Process

Fix what's broken: establish design guidelines first

I created design guidelines targeting savvy, action-oriented traders familiar with DeFi and seeking high-yield opportunities. The direction: bold, energetic, and trustworthymatching their risk-taking mindset. This gave the team a foundation before touching any interface.

Build a design system for immediate impact: prioritize high-value components

Build a design system for immediate impact: prioritize high-value components

I identified critical, reused components in core trading flows and high-traffic pages, then built the design system around them. This delivered immediate impact where users needed it most.

Before v.s. After

⚡️ Components that impact immediately

Result

Users reported feeling confident to trade; the platform scaled to $13.4M TVL

Result

Users reported feeling confident to trade; the platform scaled to $13.4M TVL

User feedback showed the redesign worked: the platform now felt legitimate and trustworthy enough to start trading. With this scalable design system in place, we grew from launch to $13.4M total value locked and 1M users within a year as features expanded.

Key Learning

Collaborating with engineers: when to use global vs. local components

Key Learning

Collaborating with engineers: when to use global vs. local components

Working with engineers revealed that not every component should be globalproduct complexity sometimes required local, context-specific solutions. Understanding the full product structure helped me decide when to standardize and when to adapt. That's when the design system delivered real value: scalable without becoming rigid.

© 2025 Stephanie Sung All Rights Reserved

© 2025 Stephanie Sung All Rights Reserved