CASE STUDY · UI/UX DESIGN · AI PLATFORM

MindGym
AI-Powered Mental Performance for Jobseekers

Designing an intelligent coaching platform that helps jobseekers build confidence, identify blockers and prepare for high-stakes moments.

ROLEAI UI/UX Designer
TEAM13 people
DURATIONApr – Jun 2026
PLATFORMDesktop Web App
Hero image — MindGym screens
01 — RESEARCH & DISCOVERYUnderstanding the real problem

50+ user interviews revealed that job searches stall through behavioural failure, not skill gaps.

50+User interviews conducted and synthesised to identify jobseeker needs, behaviours and pain points
3Core pain themes: anxiety around applications, lack of feedback, and interview pressure
1Reframing insight: skill gaps aren't the blocker — mindset and confidence are
THE REFRAMING INSIGHT

Job searches stall through behavioural failure, not skill gaps — and behaviour only changes once mindset does. That moved the brief from "help users do more" to "find where this user is actually losing, and change how they feel before they act."

01B — PROCESS EVIDENCEHow we worked

From first meeting through to production handoff.

WEEK 1–2Discovery & ResearchFirst meeting. Problem framing. 50+ user interviews. Persona development.
WEEK 3–4PRD & ArchitecturePRD 2.0 written. Onboarding flow defined. Content architecture mapped.
WEEK 5–7Design & IterationWireframes. High-fidelity screens. Design system. Component library. Dev handoff.
WEEK 8–10Build & LaunchEngineering implementation. QA. PRD 3.0 iteration. GTM strategy.
A DECISION THAT CHANGED AFTER TESTING
FIRST APPROACHFeature-led onboardingFirst version led with product capabilities. Users felt overwhelmed before they'd tried anything.
REVISED APPROACHGoal-led onboardingRevised to start with "What are you preparing for?" — immediate personalisation. Completion rates improved significantly.
02 — USER RESEARCHThree personas, one product

50+ interviews synthesised into three distinct archetypes.

SRSOFIA REYES, 34Career ChangerMarketing → UX Research"I apply to ten jobs and hear nothing back. It feels like shouting into a void."Emotional scaffolding + reframing messages
JOJAMES OKAFOR, 23Recent GraduateFirst real job search"I can't even remember what I applied for. I had to Google the company the night before."Dashboard tracker + streaks + gamification
PLPRIYA LAU, 29Laid-off Designer4 months post-redundancy"I keep tweaking my portfolio instead of sending applications. It's been four months."Micro-commitments + accountability + grounding
03 — MY ROLEWhat I personally owned

In a team of 13, clarity about individual contribution matters.

I PERSONALLY LED
→End-to-end screen design for onboarding flow (all 7 steps)
→Pre and post-session mood check-in screens and interaction design
→Blocker selector UI — layout, copy and selection states
→Figma component library — 16 button states, card variants, nav states
→User research synthesis — affinity mapping, journey mapping
→Colour token system and usage rules
I CONTRIBUTED TO
+Session player screen — phase indicator and progress design
+Landing page hero section — layout and copy direction
+Design reviews and stakeholder presentations
+PRD review and design feasibility input
+Developer handoff and QA support
OTHERS OWNED
·AI prompt engineering and script generation logic
·Backend architecture and Supabase database design
·GTM strategy and go-to-market planning
·Frontend development and React implementation
12 — DESIGN THINKINGFour decisions that shaped the product
Teal = action only

One colour, one meaning. Teal appears exclusively where the user should act next. Amber for time-sensitive. Green for positive delta.

6 steps, not 1 form

Session setup could have been a single form. Breaking it into 6 focused questions made drop-off rates fall significantly in internal testing.

Conclusions, not charts

The Insights page surfaces 'Morning sessions produce +2.1 higher lifts before 10 AM' — not a time-of-day chart. AI analyses and concludes.

The number is never enough

7→4 alone feels clinical. The session summary combines the number with qualitative tags, Maya's verdict, and next actions. Three layers make the shift feel real.

15 — HONEST REFLECTIONWhat I'd do differently

Three things I would change — not because the work was bad, but because I've learned from it.

01Test earlier, at lower fidelity

I went to high-fidelity too quickly. Some onboarding decisions would have been better validated with paper sketches and 5 quick user conversations first.

02Push harder for mobile-first

The research was clear — the most critical moments happen on mobile. I accepted the desktop-first constraint too easily.

03Define success metrics upfront

The PRD had clear targets but I didn't connect my design decisions explicitly to those numbers throughout the process.

16 — OUTCOMEWhat was delivered

A complete, production-ready AI product shipped end-to-end.

23High-fidelity screens across five product areas — onboarding, dashboard, session player, resources and landing page
50+User interviews conducted and synthesised, with findings directly shaping product structure and AI coaching logic
16Component variants in the Figma design system, all built on auto-layout for AI-generated content variation
See the screens27 SCREENS →
TOOLS
FigmaFigma AIMiroAdobe IllustratorAdobe PhotoshopFigJam