Stage 0
Oa
Stage 0CoreBeginner
What UI and UX design are, what designers do all day, and how to plan your learning.
- Explain the difference between UI, UX, product, interaction and visual design in your own words.
- Describe what a product designer does across a typical project and week.
- Walk through the design process from problem to solution, and say where design thinking helps and where it falls short.
Progress is saved in this browser.
Stage 1
Vd
Stage 1CoreBeginner
Hierarchy, layout, typography, colour, spacing and accessibility: the craft that makes interfaces readable.
- Create a clear visual hierarchy using size, weight, colour, position and space.
- Apply contrast, alignment, proximity, repetition and grouping deliberately.
- Set up a type scale and a colour palette with semantic roles and accessible contrast.
Progress is saved in this browser.
Stage 2
Ur
Stage 2CoreBeginner
Learn what people need, test your assumptions and define the right problem before designing.
- Separate assumptions from evidence and turn them into research questions.
- Plan and run a short, ethical user interview without leading the participant.
- Synthesise notes into themes with affinity mapping, and avoid over-claiming.
Stage 3
Ia
Stage 3CoreBeginner
Organise content and navigation so people can find what they need.
- Run a content inventory and group content using evidence from card sorting.
- Draw a sitemap and a task flow for a small product.
- Choose navigation, search and filtering patterns that fit the content.
Stage 4
Wa
Stage 4CoreBeginner
Generate ideas, sketch quickly and build low and mid-fidelity wireframes.
- Generate several distinct solutions before choosing one.
- Sketch and wireframe responsive screens with clear content hierarchy.
- Design empty, loading, success and error states, not just the happy path.
Stage 5
Fa
Stage 5CoreBeginner
Learn the concepts behind professional design tools, taught through Figma.
- Organise a Figma file with pages, frames, naming and sections that others can navigate.
- Build responsive layouts with auto layout and constraints.
- Create components with properties and variants, and use variables for tokens.
Stage 6
Ud
Stage 6CoreIntermediate
Turn wireframes into polished interfaces and build a small design system.
- Translate wireframes into polished UI with a consistent visual language.
- Design buttons, inputs, cards, navigation, dialogs and menus with all their states.
- Structure tokens into primitive and semantic layers, including a dark theme.
Stage 7
Id
Stage 7CoreIntermediate
Design how interfaces behave: feedback, patterns, forms, motion and realistic prototypes.
- Use affordances, signifiers and feedback so actions are obvious and confirmed.
- Design forms and validation that prevent and explain errors.
- Apply motion purposefully and respect reduced-motion preferences.
Stage 8
Ut
Stage 8CoreIntermediate
Plan and run usability tests, prioritise findings and improve designs with evidence.
- Write a usability test plan with unbiased tasks and success criteria.
- Moderate a session without leading the participant.
- Rate the severity of issues and turn findings into prioritised recommendations.
Stage 9
Aa
Stage 9CoreIntermediate
Design products that work for disabled people and, as a result, for everyone.
- Explain WCAG principles and conformance levels accurately.
- Design for keyboard, screen reader, zoom and motor accessibility.
- Write accessible form labels, errors, instructions and alternative text.
Stage 10
Pt
Stage 10CoreIntermediate
Connect design to outcomes, work well with your team and make ethical decisions.
- Connect design work to product goals and measurable outcomes.
- Prioritise and make trade-offs with product managers and engineers.
- Understand A/B tests and analytics well enough to use them responsibly.
Stage 11
Pa
Stage 11CoreIntermediate
Build case studies, a portfolio site and the skills to get hired or win clients.
- Choose portfolio projects that show reasoning and range.
- Write concise case studies with context, process, trade-offs and outcomes.
- Present work and handle design challenges in interviews.
Stage 12
Aa
Stage 12OptionalAdvanced
Optional paths for going deeper once the core curriculum is done.
- Go deeper in one or two specialisms that match your interests or job.
- Apply core skills to specific product types and disciplines.
No courses match
Try another word, or set the filters back to All.