Apollo
Apollo
Enables users to swap assets and create their own custom token pairs
Enables users to swap assets and create their own custom token pairs
Role
Role
Head of design
Head of design
Designed the full product — from branding to web app UI. Built UX flows for swaps and token pairs, created a scalable design system, and simplified DeFi mechanics into clear user journeys
Designed the full product — from branding to web app UI. Built UX flows for swaps and token pairs, created a scalable design system, and simplified DeFi mechanics into clear user journeys
Deliverables
Branding
UX flows
Full web app UI
Design system
Interactions
Case 1
Case 1
Streamlining the swap flow
Streamlining the swap flow
Discover
Discover
Early swap flow had too many steps and slowed user actions. Users risked dropping mid-process due to friction
Early swap flow had too many steps and slowed user actions. Users risked dropping mid-process due to friction
Define
Define
Problem
Problem
Complex and lengthy swap flow
Complex and lengthy swap flow
Goal
Goal
Reduce steps while keeping transparency and control
Reduce steps while keeping transparency and control
Develop
Develop
Mapped current flow and identified redundant actions
Mapped current flow and identified redundant actions
Redesigned swap UI to consolidate confirmations
Redesigned swap UI to consolidate confirmations
Added inline validations to prevent failed swaps
Added inline validations to prevent failed swaps
Deliver
Deliver
Swap creation steps reduced by 50%
Swap creation steps reduced by 50%
More intuitive flow with fewer interruptions
More intuitive flow with fewer interruptions
Faster transactions → higher completion rates
Faster transactions → higher completion rates
Case 2
Case 2
Custom token pair creation
Custom token pair creation
Discover
Discover
Users needed flexibility to create custom token pairs, but mechanics were confusing. Lack of clear visualization made it hard to trust the setup
Users needed flexibility to create custom token pairs, but mechanics were confusing. Lack of clear visualization made it hard to trust the setup
Define
Define
Problem
Problem
Poor transparency in custom pair creation
Poor transparency in custom pair creation
Goal
Goal
Make the process visual, predictable, and safe
Make the process visual, predictable, and safe
Develop
Develop
Designed modular interface for adding tokens and defining ratios
Designed modular interface for adding tokens and defining ratios
Built live preview of token pair behavior
Built live preview of token pair behavior
Added error handling for invalid or risky combinations
Added error handling for invalid or risky combinations
Deliver
Deliver
Increased adoption of custom pairs
Increased adoption of custom pairs
Reduced support questions about pair logic
Reduced support questions about pair logic
Case 3
Case 3
Building a scalable UI system
Building a scalable UI system
Discover
Discover
Apollo, as a sub-product of Cytonic, needed its own recognizable identity. Lack of design system risked fragmentation as features scaled
Apollo, as a sub-product of Cytonic, needed its own recognizable identity. Lack of design system risked fragmentation as features scaled
Define
Define
Problem
Problem
No consistent brand identity
No consistent brand identity
Goal
Goal
Build a scalable system + visual identity
Build a scalable system + visual identity
Develop
Develop
Created branding (logo, palette, typography)
Created branding (logo, palette, typography)
Built reusable design system components
Built reusable design system components
Unified styles across UI and marketing visuals
Unified styles across UI and marketing visuals
Deliver
Deliver
A cohesive identity that fits Cytonic ecosystem but stands on its own
A cohesive identity that fits Cytonic ecosystem but stands on its own
Scalable design system enabled faster feature rollouts
Scalable design system enabled faster feature rollouts
Stronger product recognition
Stronger product recognition
Reduced design & dev time for new features
Reduced design & dev time for new features
Coinstars
Built full branding (logo, colors, typography)
Designed complete app UI, from onboarding to funding flow
Optimized donation flows, cutting time, boosting contributions
Developed a scalable design system for faster iteration
Added visuals and micro-interactions to increase trust
Built full branding (logo, colors, typography)
Designed complete app UI, from onboarding to funding flow
Optimized donation flows, cutting time, boosting contributions
Developed a scalable design system for faster iteration
Added visuals and micro-interactions to increase trust
Roles
Roles
Head of design
Head of design
Deliverables
Deliverables
Branding
App UI
UX flows
Design system
Micro-interactions
Branding
App UI
UX flows
Design system
Micro-interactions
