Key Screener
Key Screener
Key Screener
Designing a professional crypto trading analytics platform from scratch — as the only designer on a 6-person team, and as a day trader who needed this tool herself.
Designing a professional crypto trading analytics platform from scratch — as the only designer on a 6-person team, and as a day trader who needed this tool herself.
Designing a professional crypto trading analytics platform from scratch — as the only designer on a 6-person team, and as a day trader who needed this tool herself.
MY ROLE
Solo Product Designer
YEAR
2025
TEAM
Designer, PM, 3 Engineers, Founder
CEO, PM, R&D, 2 FE,
2 Software Engineers
Problem Statement
Problem Statement
Problem Statement
Problem Statement
Existing platforms overwhelm traders with raw data and lagging indicators. Key Screener solves this by surfacing predictive, high-signal metrics — including CVD divergences, funding imbalances, and volume anomalies — in a single,
modular interface.
Target Users & Product Strategy
Target Users & Product Strategy
Target Users & Product Strategy
Target Users & Product Strategy
Key Screener helps active crypto market participants make faster decisions with structured, real-time insights.
User Goals:
User Goals:
Identify high-probability tokens based on real-time signals.
Reduce decision lag through clear visual hierarchy aligned with scan behavior.
Validate entry and exit timing using structured, multi-metric signal
layers.
Monitor funding, volume, dominance, sentiment, and momentum in a unified interface.
Identify high-probability tokens based on real-time signals.
Reduce decision lag through clear visual hierarchy aligned with scan behavior.
Validate entry and exit timing using structured, multi-metric signal
layers.
Monitor funding, volume, dominance, sentiment, and momentum in a unified interface.
Business Goals:
Business Goals:
Increase activation by simplifying onboarding and reducing first-use friction.
Improve free-to-paid conversion through clear signal value differentiation.
Increase daily engagement with fast, decision-ready insights.
Drive long-term retention by replacing fragmented workflows with a unified intelligence layer.
Increase activation by simplifying onboarding and reducing first-use friction.
Improve free-to-paid conversion through clear signal value differentiation.
Increase daily engagement with fast, decision-ready insights.
Drive long-term retention by replacing fragmented workflows with a unified intelligence layer.
Prototyping Before Development
Clickable prototype in FigmaMake https://touch-fresco-10775989.figma.site
UX & Information Architecture Decisions
UX & Information Architecture Decisions
UX & Information Architecture Decisions
Key Screener uses a modular, high-density layout where signals are grouped by decision category rather than data source. This aligns with how traders scan markets — focusing on meaning, not origin.
Key Screener uses a modular, high-density layout where signals are grouped by decision category rather than data source. This aligns with how traders scan markets — focusing on meaning, not origin.
Key Screens Breakdown 1
Token page
Token page
Token page
Assess the state of a specific token, including market structure, sentiment, volume flow, and real-time positioning data.
Assess the state of a specific token, including market structure, sentiment, volume flow, and real-time positioning data.
Fund Wallets – “Smart Money” Tracking
Fund Wallets – “Smart Money” Tracking
Fund Wallets – “Smart Money” Tracking
Fund Wallet view tracks capital movement across known institutional wallets — helping users front-run large shifts in positioning.
Fund Wallet view tracks capital movement across known institutional wallets — helping users front-run large shifts in positioning.
Volumes View
Volumes View
Volumes View
Dig deeper into transactional metrics that drive real movement: liquidity,
volume, and CVD.
Heat Map
Heat Map
Heat Map
Detect behavioral clusters and outliers at a glance — especially across sectors
or sentiment states.
Growth Leaders
Growth Leaders
Growth Leaders
Identify which tokens are outperforming peers across short-term and mid-term horizons, then isolate those with sustained structural momentum.
Identify which tokens are outperforming peers across short-term and mid-term horizons, then isolate those with sustained structural momentum.
Predominant Sectors
Predominant Sectors
Predominant Sectors
Understand which sectors are gaining/losing dominance — and how capital
is reallocating.
Portfolio View
Portfolio View
Portfolio View
Traders want risk awareness, not just balance tracking. This view shows sector exposure, value-at-risk, and position effectiveness — giving clarity without requiring third-party tools.
Traders want risk awareness, not just balance tracking. This view shows sector exposure, value-at-risk, and position effectiveness — giving clarity without requiring third-party tools.
News Impact
News Impact
News Impact
Understand which events, announcements, or narratives are actively moving the market — and how specific assets are reacting
Understand which events, announcements, or narratives are actively moving the market — and how specific assets are reacting
Accessibility & Dark Mode Strategy
Accessibility & Dark Mode Strategy
Accessibility & Dark Mode Strategy
Dark mode is the default — not for style, but for clarity. High-density dashboards are easier to parse when light isn’t competing with signal.
Dark mode is the default — not for style, but for clarity. High-density dashboards are easier to parse when light isn’t competing with signal.
Dark mode reduces ambient contrast noise, improving signal recognition in high-density views.
Dark mode reduces ambient contrast noise, improving signal recognition in high-density views.
Summary
Summary
Summary
Summary
Key Screener compresses time-to-insight. It turns fragmented crypto data into structured, decision-ready signals — helping professionals act faster, with more confidence, and less noise.
Key Screener compresses time-to-insight. It turns fragmented crypto data into structured, decision-ready signals — helping professionals act faster, with more confidence, and less noise.
Takeaways
Takeaways
Takeaways
Takeaways
✅
Always start with information architecture. Creating a
solid foundation for the complex feature set ensured a coherent user experience.
Always start with information architecture. Creating a solid foundation for the complex feature set ensured a coherent user experience.
Always start with information architecture. Creating a solid foundation for the complex feature set ensured a coherent user experience.
Always start with information architecture. Creating a
solid foundation for the complex feature set ensured a coherent user experience.
✅
Early design system saved dev time
Prevented UI rework and enabled faster,
more consistent delivery.
Early design system saved dev time
Prevented UI rework and enabled faster,
more consistent delivery.
Early design system saved dev time
Prevented UI rework and enabled faster, more consistent delivery.
Early design system saved dev time
Prevented UI rework and enabled faster,
more consistent delivery.
✅
Balancing power and accessibility
Progressive disclosure and thoughtful defaults made complex capabilities approachable.
Balancing power and accessibility
Progressive disclosure and thoughtful defaults made complex capabilities approachable.
Balancing power and accessibility
Progressive disclosure and thoughtful defaults made complex capabilities approachable.
✅
Early engineering collaboration. Partnering with engineers from the concept phase ensured technical feasibility and smoother implementation of complex features.
Early engineering collaboration. Partnering with engineers from the concept phase ensured technical feasibility and smoother implementation of complex features.
Early engineering collaboration. Partnering with engineers from the concept phase ensured technical feasibility and smoother implementation of complex features.