Mocky

AI-Powered Interview Practice Platform with Progress Tracking

Role

Product Designer
Full-Stack Developer

Timeline

2025
3 months

Skills

User Research
Product Design
Web Development

Mocky

AI-Powered Interview Practice Platform with Progress Tracking

Role

Product Designer
Full-Stack Developer

Timeline

2025
3 months

Skills

User Research
Product Design
Web Development

Want to build confidence for your next interview?

Mocky is your

personal coach!

Want to build confidence for your next interview?

Mocky is your

personal coach!

Want to build confidence for your next interview?

Mocky is your

personal coach!

What led to this design?

Job seekers often lose confidence after repeated interview rejections.

Job seekers often lose confidence after repeated interview rejections.

Job seekers often lose confidence after repeated interview rejections.

Without structured feedback or tracking, they struggle to see improvement and maintain motivation.

Without structured feedback or tracking, they struggle to see improvement and maintain motivation.

HMW…

Help job seekers visualize progress and see their improvement over time

Use AI to analyze performance and give actionable feedback

Support job seekers with AI-driven encouragement

HMW…

Help job seekers visualize progress and see their improvement over time

Use AI to analyze performance and give actionable feedback

Support job seekers with AI-driven encouragement

HMW…

Help job seekers visualize progress and see their improvement over time

Use AI to analyze performance and give actionable feedback

Support job seekers with AI-driven encouragement

To validate these directions and better understand job seekers’ needs, I conducted interviews (3 participants) and a survey (24 responses)

To validate these directions and better understand job seekers’ needs, I conducted interviews (3 participants) and a survey (24 responses)

The research revealed a clear direction:

81% want AI support for performance analysis

81% want AI support for performance analysis

This is further supported by:

Insight 1

Insight 1

Job seekers lack structured feedback and evaluation

Job seekers lack structured feedback and evaluation

86
86

Rely on self-reflection to evaluate performance

Rely on self-reflection to evaluate performance

63
63

Struggle with the lack of feedback

Struggle with the lack of feedback

Insight 2

Insight 2

Users want analytical AI support, not emotional encouragement

Users want analytical AI support, not emotional encouragement

77
77

Want AI support for performance analysis

Want AI support for performance analysis

32
32

Want AI to provide emotional support

Want AI to provide emotional support

So, the HMW became more focused:

Help job seekers visualize progress and see their improvement over time

Help job seekers visualize progress and see their improvement over time

Use AI to analyze performance and give actionable feedback

Use AI to analyze performance and give actionable feedback

Support job seekers with AI-driven encouragement

Support job seekers with AI-driven encouragement

From this direction, I began exploring possible solutions:

From this direction, I began exploring possible solutions:

Game-Based AI Interview TrackerGamified practice with progress tracking
flip
👍 StrengthAccessible and scalable for everyday, repeated practice
👎 LimitationLacks the realism of live interview settings
Game-Based AI Interview TrackerGamified practice with progress tracking
flip
👍 StrengthAccessible and scalable for everyday, repeated practice
👎 LimitationLacks the realism of live interview settings
AI-Based VR Mock InterviewImmersive, realistic interview simulation
flip
👍 StrengthSimulates realistic interview experiences
👎 LimitationLimited accessibility due to cost and setup
AI-Based VR Mock InterviewImmersive, realistic interview simulation
flip
👍 StrengthSimulates realistic interview experiences
👎 LimitationLimited accessibility due to cost and setup
Smart AI Glasses for Interview AnalysisReal-time performance analysis
flip
👍 StrengthEnables real-time, in-context performance analysis
👎 LimitationNot widely accessible and may raise privacy concerns
Smart AI Glasses for Interview AnalysisReal-time performance analysis
flip
👍 StrengthEnables real-time, in-context performance analysis
👎 LimitationNot widely accessible and may raise privacy concerns
Game-Based AI Interview TrackerGamified practice with progress tracking
flip
👍 StrengthAccessible and scalable for everyday, repeated practice
👎 LimitationLacks the realism of live interview settings
AI-Based VR Mock InterviewImmersive, realistic interview simulation
flip
👍 StrengthSimulates realistic interview experiences
👎 LimitationLimited accessibility due to cost and setup
Smart AI Glasses for Interview AnalysisReal-time performance analysis
flip
👍 StrengthEnables real-time, in-context performance analysis
👎 LimitationNot widely accessible and may raise privacy concerns

Balancing impact and feasibility, I focused on the Game-Based AI Interview Tracker

Balancing impact and feasibility, I focused on the Game-Based AI Interview Tracker

To address users’ need for

To address users’ need for

Structured Practice

Structured Practice

Actionable Feedback

Actionable Feedback

Progress Tracking

Progress Tracking

I defined four core features for the MVP

I defined four core features for the MVP

Core Features of the MVP

Core Features of the MVP

Question & Answer

Practice interview questions with voice or text responses

Performance Analysis

See scores and feedback based on the STAR framework

AI Feedback

Receive suggestions and example answers to improve

Answer History

Review past answers and track your improvement over time

After defining the core features, I conducted several design iterations based on user feedback and testing

After defining the core features, I conducted several design iterations based on user feedback and testing

Sketches

Sketches

Sketches

Design Decisions

Design Decisions

A/B Testing #1

What type of interviewer presence works best?

A/B Testing #1

What type of interviewer presence works best?

🌟 Users preferred realistic human avatars, as they created a more authentic interview experience.

Realistic human avatar

Illustrated avatar

No avatar

Realistic human avatar

Illustrated avatar

No avatar

Realistic human avatar

Illustrated avatar

No avatar

A/B Testing #2

How should answer history be organized?

A/B Testing #2

How should answer history be organized?

🌟 Users preferred grouping answers by topic, as it made it easier to review and improve specific skills.

Realistic human avatar

Illustrated avatar

Realistic human avatar

Illustrated avatar

Realistic human avatar

Illustrated avatar

Design Iterations

Design Iterations

User Feedback

"I want to see all questions at once, not one at a time"

"It feels more like texting than a real interview"

"It’s hard to track how much I’ve improved"

User Feedback

"I want to see all questions at once, not one at a time"

💡 Added per-question progress visualization to make improvement visible

"It feels more like texting than a real interview"

💡 Replaced avatar-based interaction with a more realistic, interview-like presence

"It’s hard to track how much I’ve improved"

💡 Replaced random AI questions with a structured question list for flexible navigation

Before
After

User Feedback

"I want to compare my answer with the feedback"

User Feedback

"I want to compare my answer with the feedback"

💡 Replaced vertical scrolling with a resizable side-by-side layout for easy comparison

Before
After

Final Design

Practice interviews

  • Browse questions by topic

  • Answer in voice or text

  • Submit your response

Review feedback

  • Receive AI-generated feedback

  • Review scores and suggestions

Track progress

  • View answer history

  • Monitor improvement over time

user testing result

86
86

Users found the analysis page clear and easy to understand

Users found the analysis page clear and easy to understand

80
80

Users could clearly see their improvement over time

Users could clearly see their improvement over time

84
84

Users found the AI feedback actionable and helpful

Users found the AI feedback actionable and helpful

Users found the AI feedback actionable and helpful

Future Improvements

Enhance

Enhance

Personalization

Personalization

Use resume or job context to generate tailored feedback — making the experience adapt to each person's career stage and goals.

Use resume or job context to generate tailored feedback — making the experience adapt to each person's career stage and goals.

Takeaways

Design–engineering collaboration

Working within a shared system (e.g., Chakra UI) allows design decisions to translate directly into implementation, improving both consistency and efficiency.

AI-assisted iteration

By providing AI with rough layout sketches and a defined design system, it’s possible to quickly prototype and refine ideas—enabling faster iteration and early validation.

More Project

Transit

Transit

BetterHelp

BetterHelp

© 2026 Claire Chen. All rights reserved.

Designed with honey and Pooh bear love. 🍯🐻

© 2026 Claire Chen. All rights reserved.

Designed with honey and Pooh bear love. 🍯🐻

© 2026 Claire Chen. All rights reserved.

Designed with honey and Pooh bear love. 🍯🐻