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.
Progress is saved in this browser.
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.
Progress is saved in this browser.
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.
Progress is saved in this browser.
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.
Progress is saved in this browser.
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.
Progress is saved in this browser.
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.
Progress is saved in this browser.
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.
Progress is saved in this browser.
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.
Progress is saved in this browser.
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.
Progress is saved in this browser.
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.
Progress is saved in this browser.
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.
Progress is saved in this browser.
No courses match
Try another word, or set the filters back to All.