After the core: specialise · The Creator Roles · path 3 of 13
UI/UX Product Designer
Works out what people need, maps their journey through a product, and designs and tests how every screen looks and behaves before it is built.
🔒 This path opens once you pass the final examination. You can read the path guide and module list now.
Choose this path if you want to find out what people need and design screens that feel obvious to use, before code is written.
Where you see it daily: Ordering food in three taps, banking apps that feel less frustrating than others, and the way an app quietly guides your eyes with colours, small animations and layout.
Builds on: Level 2 (Web Development Basics) and Level 4 (Full-Stack Applications).
Start here
Ready
Path guide
Role, outcomes, prerequisites, setup, costs, hardware and workload. Open to everyone.
Entry diagnostic
10 questions on the core lessons this path builds on, with revision links. Optional.
Projects and capstone
4 briefs with starter files, acceptance tests and a saved self-check.
Completion record
Your lessons, quizzes, path test and project self-checks in one place.
What you'll focus on
User research
Watch and talk to real users to learn what they are trying to do, where they get stuck and what they actually need, instead of guessing.
Tools and ideas: interviews, usability testing, surveys, user research methods
Journeys and information architecture
Map each step a person takes through a product, and organise screens, menus and content so people always know where they are and what to do next.
Tools and ideas: user journeys, information architecture, wireframing
Interactive prototypes
Design detailed screens and link them into clickable prototypes that look and feel real, so ideas can be tested before any code is written.
Tools and ideas: Figma, high-fidelity design, interactive prototyping, micro-animations
What makes this path different
Designers decide what should be built and how it should feel before code exists. Unlike the engineering paths, the main tools are research, sketches and prototypes, and success is measured by whether real people can do their task without help.
Modules
Opens after you pass the final examination.
- 1UX1: Thinking like a product designerUI/UX Product Designer · Focus area 1: User research✓
- 2UX2: Planning and running researchUI/UX Product Designer · Focus area 1: User research✓
- 3UX3: Making sense of researchUI/UX Product Designer · Focus area 1: User research✓
- 4UX4: Journeys and information architectureUI/UX Product Designer · Focus area 2: Journeys and information architecture✓
- 5UX5: Sketches, wireframes and formsUI/UX Product Designer · Focus area 2: Journeys and information architecture✓
- 6UX6: Visual design: type, colour, space and motionUI/UX Product Designer · Focus area 3: Interactive prototypes✓
- 7UX7: Accessible and inclusive designUI/UX Product Designer · Focus area 3: Interactive prototypes✓
- 8UX8: Interactive prototypesUI/UX Product Designer · Focus area 3: Interactive prototypes✓
- 9UX9: Design systems and handoverUI/UX Product Designer · Focus area 3: Interactive prototypes✓
- 10UX10: Capstone: three design projects for SehatSlotUI/UX Product Designer · Capstone✓
40 questions from every module, in new situations. Opens once you've passed the final examination and every module quiz in this path.
What you'll build
Projects you can show, because working software proves capability in a way tests alone can't.
- A usability study reported honestly from the kit's five practice sessions, and the design changes it led to. Testing with real people is an optional extra.
- A clinic booking journey that works by keyboard and on small screens, including errors and empty screens.
- A small design system handed over to developers, showing every state of each component.
