Cryptology
Cryptology
Cryptology
Key Screener distills crypto market noise into actionable insights. It highlights volume spikes, CVD/OI divergences, and AI-based macro alerts — helping traders act early, not react late.
Key Screener distills crypto market noise into actionable insights. It highlights volume spikes, CVD/OI divergences, and AI-based macro alerts — helping traders act early, not react late.
Key Screener distills crypto market noise into actionable insights. It highlights volume spikes, CVD/OI divergences, and AI-based macro alerts — helping traders act early, not react late.
MY ROLE
Product Designer
YEAR
2025
TEAM
Designer, PM, 2 Engineers
CEO, PM, R&D, 2 FE,
2 Software Engineers
Key Contributions
Key Contributions
End-to-End Product Design. Led the design process from research through information architecture and feature definition.
Visual Workflow System. Developed a unique visual workflow system that balances power with accessibility.
Cross-Functional Collaboration. Facilitated collaboration between business, engineering, and AI research teams
AI Assistant Builder. Designed an innovative AI assistant builder that differentiates the platform
Current Results
Current Results
Successful Beta Launch. Platform launched in closed beta with multiple enterprise clients actively using the system.
Design System Integration. Engineering team successfully implemented the Align UI design system, accelerating development and ensuring consistent user experience.
User Satisfaction. Beta users rate the platform 4.7/5 for usability and have highlighted the assistant builder as particularly valuable.
Successful Beta Launch. Platform launched in closed beta with multiple enterprise clients actively using the system.
Design System Integration. Engineering team successfully implemented the Align UI design system, accelerating development and ensuring consistent user experience.
User Satisfaction. Beta users rate the platform 4.7/5 for usability and have highlighted the assistant builder as particularly valuable.
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.
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 is built for active crypto market participants who operate in high-speed, high-variance environments and require structured, decision-ready signals. The product serves intraday traders, scalp traders, swing traders, analysts and fund researchers, crypto-curious finance professionals entering Web3, and long-term investors seeking comparative growth and trend validation tools.
Key Screener is built for active crypto market participants who operate in high-speed, high-variance environments and require structured, decision-ready signals. The product serves intraday traders, scalp traders, swing traders, analysts and fund researchers, crypto-curious finance professionals entering Web3, and long-term investors seeking comparative growth and trend validation tools.
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.
Design Principles
Design Principles
Design Principles
Signal Over Noise
The UI avoids data for data’s sake. Every chart or module must support a user decision.
Clarity at Speed
Traders don’t read — they scan. Color, shape, and positioning were optimized for pattern detection at a glance.
Confidence Through Structure
Consistent components, smart toggles, and grouped indicators help users stay oriented while moving across timeframes or coins.
Scalability Without Overload
The modular design allows the platform to grow — more metrics, more coins — without adding visual clutter or user fatigue.
Key Screens Breakdown 1
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
Trade-offs made:
Trade-offs made:
Trade-offs made:
Price charts are minimized or omitted at the dashboard level to avoid visual overload.
Only high-confidence signals are shown — no moving averages or lagging indicators unless contextually relevant.
Price charts are minimized or omitted at the dashboard level to avoid visual overload.
Only high-confidence signals are shown — no moving averages or lagging indicators unless contextually relevant.
Price charts are minimized or omitted at the dashboard level to avoid visual overload.
Only high-confidence signals are shown — no moving averages or lagging indicators unless contextually relevant.
Cognitive load reduction techniques:
Cognitive load reduction techniques:
Cognitive load reduction techniques:
Compact cards with unified timeframes.
Controlled color use (e.g., muted greens/reds for directional indicators, blues for neutrality).
Summary metrics (e.g., “5 tokens with triple divergence today”) instead of raw lists.
Compact cards with unified timeframes.
Controlled color use (e.g., muted greens/reds for directional indicators, blues for neutrality).
Summary metrics (e.g., “5 tokens with triple divergence today”) instead of raw lists.
Compact cards with unified timeframes.
Controlled color use (e.g., muted greens/reds for directional indicators, blues for neutrality).
Summary metrics (e.g., “5 tokens with triple divergence today”) instead of raw lists.
Key Screens Breakdown 2
Key Screens Breakdown 2
Key Screens Breakdown 2
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.
Trade-offs made:
Trade-offs made:
Trade-offs made:
No basic chart view by default — replaced with positioning and divergence tools.
Price movement is contextualized by intent, not just performance.
No basic chart view by default — replaced with positioning and divergence tools.
Price movement is contextualized by intent, not just performance.
Cognitive load reduction techniques:
Cognitive load reduction techniques:
Cognitive load reduction techniques:
Collapsed tabs for Wallets / Liquidity / News to reduce vertical scroll.
“No data” placeholders reduce ambiguity rather than misleading via empty visuals.
Inline date and sentiment markers help orient pattern context without zooming.
Collapsed tabs for Wallets / Liquidity / News to reduce vertical scroll.
“No data” placeholders reduce ambiguity rather than misleading via empty visuals.
Inline date and sentiment markers help orient pattern context without zooming.
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.
Cognitive load reduction:
Cognitive load reduction:
Cognitive load reduction:
Visual grouping by entity.
Use of green/red for growth or decline, with toggleable expansion
Discreet but visible wallet counts to indicate diversification vs. concentration.
Visual grouping by entity.
Use of green/red for growth or decline, with toggleable expansion
Discreet but visible wallet counts to indicate diversification vs. concentration.
Design decision:
Design decision:
Color-coded matrix style supports rapid scanning across indicators and assets. Sorting and pinning add power-user control.
Color-coded matrix style supports rapid scanning across indicators and assets. Sorting and pinning add power-user control.
Volumes View
Volumes View
Volumes View
Dig deeper into transactional metrics that drive real movement: liquidity, volume, and CVD.
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.
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.
Trade-offs made:
Trade-offs made:
Trade-offs made:
No static leaderboards — avoids false signals from short-lived pumps
Minimal text — users read the curve, not copy
No static leaderboards — avoids false signals from short-lived pumps
Minimal text — users read the curve, not copy
Cognitive load reduction techniques:
Cognitive load reduction techniques:
Cognitive load reduction techniques:
Color-coded coins with matching legends reduce visual re-scanning
Uniform Y-axis scaling to prevent misreading slope severity
Toggle-based interaction minimizes UI complexity for power users
Color-coded coins with matching legends reduce visual re-scanning
Uniform Y-axis scaling to prevent misreading slope severity
Toggle-based interaction minimizes UI complexity for power users
Predominant Sectors
Predominant Sectors
Predominant Sectors
Understand which sectors are gaining/losing dominance — and how capital is reallocating.
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
Trade-offs made:
Trade-offs made:
Trade-offs made:
Excludes social media by design — only structured sources included.
No push-based alerts — user pulls what matters when needed.
Cognitive load reduction techniques:
Cognitive load reduction techniques:
Cognitive load reduction techniques:
Binned categories (Macro, Token, Sector) provide immediate orientation.
Minimalist cards with headlines + 1-sentence insight.
Sentiment trend arrows show news trajectory without requiring full read.
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.
We ensured:
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.
We ensured:
Sufficient contrast ratios for all text, icons, and chart lines
Consistent color logic across modules to support visual memory
Non-reliance on hue alone — icons, labels, and chart structure support interpretation for colorblind users
Sufficient contrast ratios for all text, icons, and chart lines
Consistent color logic across modules to support visual memory
Non-reliance on hue alone — icons, labels, and chart structure support interpretation for colorblind users
Tooltips, legends, and state changes were tested at low brightness to ensure clarity even in edge-case viewing environments.
Tooltips, legends, and state changes were tested at low brightness to ensure clarity even in edge-case viewing environments.
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.
✅
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.
✅
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.