Role
Product designer & Developer
Tools/ Skills
Claude Code, Codex, Github, Visual Studio Code, Figma, Adobe
Scope
Product Strategy, UX/UI Design, Interaction Design, AI-Assisted Development
Context
Analytics show what happened, not what to do next.
Creators have access to an enormous amount of performance data, views, engagement, audience demographics, watch time, and individual post performance, but interpreting those signals and turning them into a content strategy is still largely manual.
I saw an opportunity to bridge the gap between understanding performance and deciding what to create next.
Explore the Github prototype
Product Strategy
From reporting tool to decision-making system
I structured Vale around one principle: Every insight should help the creator make a decision.
The experience follows four questions:
What’s working? → Understand performance
What’s changing? → Discover emerging signals
What should I make? → Identify opportunities
How should I make it? → Turn insights into action
Understanding the data
Making complex performance data easy to scan
The dashboard gives creators an immediate view of performance while allowing them to explore the signals behind it.
I used hierarchy, grouping, and reusable card patterns to balance high-level KPIs with deeper performance and content data.
Discover opportunities
Surfacing opportunities, not just historical performance
Vale looks beyond what already performed well to surface themes gaining momentum now.
Opportunities are classified as Emerging, High Growth, Strong Fit, and Cultural, helping creators quickly understand why a signal may matter.
Decide Strategy
Recommending actionable steps with evidence
Instead of asking creators to blindly trust an AI recommendation, Vale surfaces the context behind each opportunity, including relevant signals, examples, and how others are approaching it.
This gives creators enough information to evaluate an opportunity using their own judgment.
Create
Guiding insight into execution
Vale takes recommendations one step further by helping creators translate an opportunity into something they can actually make.
Creative guidance can include adaptation ideas, filming direction, shot suggestions, hashtags, and timing, making Vale the users' one-stop shop for understanding, ideating, and actioning next steps.
Designing the System
Creating consistency across a data-heavy product
I built a reusable interface system for cards, typography, navigation, data visualization, status labels, and interaction states.
This gives Vale a consistent hierarchy while allowing new intelligence modules and features to scale within the product.
From Design to Product
Moving beyond static mockups
After designing Vale in Figma, I used AI-assisted development alongside HTML/CSS to build a functional product prototype.
Working directly with the implementation created a tighter feedback loop between design, testing, and refinement, especially around responsive behavior, component reuse, and information density.
