← All courses
Beginner friendly10 weeks30 lessons
Watch a free lesson

UI/UX Design

Design apps and websites people can actually use. Learn Figma, user flows and design systems, and finish with two case studies in a portfolio you can send to employers.

Instructor: Alex Olam

Course content

Module 1: What design actually is

  • 1.1UX, UI, and why confusing them costs you▶ Watch free preview
  • 1.2Set up Figma and draw your first screen
  • 1.3The 8-point grid and why interfaces use it
  • 1.4Read a screen like a designer: hierarchy and flow
  • 1.5What a designer hands to a developer

Module 2: Figma you'll actually use

  • 2.1Frames, groups and why the difference matters
  • 2.2Auto layout: spacing that survives content changes
  • 2.3Components: design it once, reuse it everywhere
  • 2.4Styles for colour and type
  • 2.5Prototyping: make it clickable

Module 3: Designing for real screens

  • 3.1Design for the phone people actually own
  • 3.2Thumb zones: where buttons belong
  • 3.3Responsive thinking without a developer
  • 3.4Slow connections and what they do to your design
  • 3.5Empty, loading and error states

Module 4: Colour, type and hierarchy

  • 4.1Pick a palette that survives contact with real content
  • 4.2Contrast and accessibility — the rules that matter
  • 4.3A type scale you can defend
  • 4.4Spacing as the invisible skeleton
  • 4.5Dark mode without redesigning everything

Module 5: Testing with real people

  • 5.1Why five users find most of the problems
  • 5.2Write a task that doesn't lead the witness
  • 5.3Watching without helping
  • 5.4Turning what you saw into what you'll change
  • 5.5Presenting findings without blaming anyone

Module 6: Capstone: a portfolio case study

  • 6.1Choose a problem worth designing for
  • 6.2Research when you have no budget
  • 6.3From flow to screens
  • 6.4Write the case study story
  • 6.5Publish and share your portfolio