UI/UX Design Fundamentals: From Wireframe to Prototype

Learn the complete UI/UX process — research, wireframes, visual design and clickable prototypes — and finish with a portfolio-ready case study.

4.9 (2,140 reviews) 12,400 students 32 lessons 14h 20m Emma Walsh
Designer sketching app wireframes beside a laptop

What you will learn

  • Run user interviews and turn findings into personas
  • Sketch and wireframe screens for web and mobile
  • Build a reusable design system in Figma
  • Prototype interactions and test them with real users
  • Present a portfolio case study with confidence
  • Hand off designs to developers cleanly

Course content

9 lessons · 14h 20m
  1. 01 Welcome and course overview 4:12
  2. 02 UX research and user interviews 14:30
  3. 03 Personas and user journeys 12:05
  4. 04 Sketching and low-fidelity wireframes 18:40
  5. 05 Building a design system in Figma 22:15
  6. 06 Visual design: type, colour and spacing 19:50
  7. 07 Prototyping interactions 16:20
  8. 08 Usability testing with real users 13:45
  9. 09 Final project: portfolio case study 25:00

About this course

Learn the complete UI/UX process — research, wireframes, visual design and clickable prototypes — and finish with a portfolio-ready case study.

Each lesson is short and focused, followed by a quick exercise so you practise straight away. Download the workbook, follow along with the instructor and submit your final project for personal mentor feedback.

Who this course is for

  • Complete beginners who want a structured, practical start
  • Professionals who want to add a new skill to their CV
  • Anyone who prefers learning by doing real projects

What is included

  • 32 on-demand video lessons (14h 20m)
  • Downloadable resources and templates
  • Quizzes and a graded final project
  • Certificate of completion
  • Lifetime access on desktop and mobile

Your instructor

Emma Walsh
Emma Walsh Senior Product Designer

Meet all instructors

You Might Also Like

All Courses