Building Trust at Speed
Skills, Drills,
keep up kids
DESIGN SYSTEM
VERCEL
CLAUDE
FIGMA
Skillflo is an AI productivity platform equipping MBA grads with the best prep for today’s market
I worked in sprints with a lean dev team to define product goals, run user research, and ship a design system pre-product-market fit
Conversion is convincing at scale
The challenge
Creating seamless UX
Design a dashboard to earn trust fast without overwhelming on arrival, without an IA, design system, and expanding scope
The Brief
Create a personalizable design system
Design dashboard and components using live vercel data that adapt to varying user goals and interview schedules
Insight ① / Adoption Paradox
Data showed complex flows and steep learning curves alienated trial users, with majority mock interviews being 1+ hour long
Insight 2 / Feature overwhelm
Users were onboarded onto a "feature-rich" dashboard without next-step guidance or initial task suggestions, leading to a 90%+ churn rate
Everyone gets a dashboard
Solution ① / Learning Plan
Restructuring curriculum into a browsable catalog of mini interviews, concepts and reading drills that dynamically personalized for each user
Solution ② / "Talk to Flo" OB
Refined OB to segment website traffic by interview needs and guided by interview assistant, Flo, into a personalized first mock interview
Solution ③ / reusable token system
Figma variants allowed engineering to adapt dashboard to new features and users without redesigning from scratch
Everything Under Review
Refining OB flow
Secured early commitment with "Talk to Flo" personalization and streamlined a previously high-friction process to user's first interview
IA
We analyzed hundreds of hours of interview processes to identify user goals and adjust architecture to prep users for their first interview
Burger-style Personalization
Evolved away from simulating real-life interviews, we sectioned cases into shorter interviews to facilitate prep and offer granular control
HTML → Figma → Claude
VERCEL DATA VIZ
MAGIC PATTERNS
Tool agnostic
To introduce new design components and complex data visualizations to a live site, we used varied dev-hand off processes across daily sprints
Learnings, realizations, etc.
Feature Fatigue
It was tempting to cram the dashboard with functionality, but executing on a niche such as MBA grad interviews drew more power users over general interview plans
Wayfinding through design
Halfway through the sprint, the team also began exploring enterprise solutions, and designs helped test viability
You made it this far
Order a coffee chat ↗
23°C, 22.31° N, 114.18° E
°
23°C, 22.31° N, 114.18° E
, 22° N, 114° E
June 5, 2026
(UTC)