COMPANY
Deepvue
DURATION
Phased Evolution
ROLE
Sole Product Designer
Context
Deepvue is an all-in-one stock research and trading platform for US markets, combining real-time scanning, advanced screeners, customizable charts and watchlists for active traders.
GOAL
Create a unified design language for Deepvue’s trading ecosystem that could scale across mobile and tablet, while reducing inconsistencies.
OUTCOME
Built a modular, multi-platform design system with reusable components, tokenized foundations, and patterns by establishing a cohesive visual identity.
Impact
60%
faster design-to-dev workflow through tokenized foundations and reusable components
3x
faster prototype creation, enabling quicker iteration with PMs and engineering
150+
scalable component variants powering all new Deepvue features
I identified four core issues slowing down product delivery and reducing UI quality
Outdated Components
Legacy patterns made the interface feel fragmented and hard to scale.
Duplicate Screen Work
Every screen had to be redesigned separately for light and dark mode.
Inconsistent Visual Standards
Colors, typography, and spacing varied across features and platforms.
High Design–Dev Friction
Developers needed frequent clarification, leading to delays and rework.
Each component was built with flexible properties like visibility toggles, content slots, and state controls, to enable fast customization during design and prototyping.
Solution
Built a complete design system with unified foundations
Solution
Components are organized into foundations, UI primitives, data display, navigation, and trading-specific modules. Each includes:
• Variants
• States (default, selected, error, loading)
• Responsive rules (mobile/tablet)
• Token-based color/typography
Info Components
Elements used to present chart data, instrument details, and informational structures.
Variants as Building Blocks
Each component was built with intentional variants to support rapid prototyping without duplication.
Market Modules
Trading-specific UI blocks like breadth, movers, thematics, designed for real-time data.
LEARNING
Working on the Deepvue design system as the sole designer showed me how much a strong system can shape the pace and quality of a product. Rebuilding components from scratch pushed me to think beyond individual screens and focus on patterns that could grow with the product.
Designing patterns beyond individual screens
Balancing clarity, accessibility, and performance
Knowing when not to over-systematize
Iterating systems in parallel with product
Designing for real-time data across two platforms also helped me better understand how important clarity, trust, and usability are in fintech, especially when users are making sense of dense information.
Next
Building an AI-assisted Learning Platform with an AI-First Workflow
Led 0→1 for TraderLion’s web and mobile learning platform with mentor-based GPTs by using AI across research, IA, prototyping, and final product flows
View Case Study