Introduction to Product Design, UI/UX overview

Class 1 video part 1

Class 1 video part 2

Class 1 video part 3

Quiz 1

Graphic Design Fundamentals (Elements & Principles)

Class 2 video part 1

Class 2 video part 2

Class 2 video part 3

Class 2 video PART 4

Class 2 video PART 5

Quiz 2

Colour Theory, Typography & Basic Layouts

Class 3 video PART 1

Class 3 video PART 2

Class 3 video PART 3

Quiz 3

Assignment 1

Getting Started with Figma (UI Tools & Frames)

Class 4 video PART 1

Class video 4 PART 2

class video 4 PART 3

Class video 4 PART 4

Class video 4 PART 5

Quiz 4

Components, Assets, and Reusable Elements in Figma

Class video 5 part 1

Class video 5 part 2

Class video 5 part 3

Class video 5 part 4

Class video 5 part 5

Quiz 5

Hands-on: Designing a simple poster and mobile app screen

Class video 6 part 1

Class video 6 part 2

Class video 6 part 3

Class video 6 part 4

Class video 6 part 5

Class video 6 part 6

Quiz 6

Assignment 2

Layouts, Spacing, and Grids

Class video 7 part 1

Class video 7 part 2

Class video 7 part 3

Class video 7 part 4

Quiz 7

Creating UI Elements: Buttons, Forms, Cards

Class video 8 part 1

Class video 8 part 2

Class video 8 part 3

Quiz 8

Session 9: Responsive UI Design Basics

Class video 9 part 1

Class video 9 part 2

Class video 9 part 3

Class video 9 part 4

Class video 9 part 5

Quiz 9

Week 3 Assignment

Wireframes & Visual Hierarchy

Class video 10 part 1

Class video 10 part 2

Class video 10 part 3

Class video 10 part 4

Class video 10 part 5

Quiz 10

High-fidelity Wireframes & Visual Consistency

Class video 11 part 1

Class video 11 part 2

Class video 11 part 3

Class video 11 part 4

Quiz 11

Design Systems & Style Guides

Class video 12 part 1

Class video 12 part 2

Class video 12 part 3

Quiz 12

Week 4 Assignments

Session 16 UX Process & Architecture

Class video 16 part 1

Class video 16 part 2

Quiz 16

UX Writing & Microcopy Best Practice

Class video 17 part 1

Class video 17 part 2

Quiz 17

Session 18 : Prototyping and Testing

Class video 18 part 1

Quiz 18

Week 6 assignments

Session 19: Prototyping Continued

Class video 19 part 1

Class video 19 part 2

Class video 19 part 3

Class video 19 part 4

Class video 19 part 5

Quiz 19

Session 20: Usability Testing

Class video 20 part 1

Class video 20 part 2

Class video 20 part 3

Quiz 20

Session 21: Interpreting Test Results & Iterating

Quiz21

Week 7 assignments

Session 22: Designing financial website

Class video 22

Quiz 22

Session 23: Mini website Animation

Class video 23

Class video 23 part 2

Class video 23 part 3

Quiz 23

Session 24: Design Case Study

Class video 24 part 1

Class video 24 part 2

Class video 24 part 3

Class video 24 part 4

Class video 24 part 5

Class video 24 part 6

Class video 24 part 7

Class video 24 part 8

Quiz 24

Week 8 assignments

Session 25: Introduction to UI Animation (Principles & Examples)

Class video 25

Class video 25 part 2

Quiz 25

Session 26: Smart Animate in Figma (Slides, Modals, Hover)

Class video 26

Quiz 26

Session 27: Creating Micro-interactions: Button Clicks, Loaders

Class video 27

Class video 27 part 2

Class video 27 part 3

Quiz 27

Session 28: Tools: Webflow, Principle, Lottie + After Effects Basics

Class video 28 part 1

Class Video 28 part 2

Vdeo 28 part 3

Video28 par 4

Video 28 part 5

video 28 part 6

video 28 part 7

Quiz 28

Session 29: Webflow Continued

video 29 part 1

video 29 part 2

video 29 part 3

Quiz 29

Session 30: Webflow Continued

video 30 part 1

video 30 part 2

Quiz 30

Session 31: Project Briefing: ( Building personal portfolio)

Video 31 part 1

Video 31 part 2

Video 31 part 3

Quiz 31

Session 32: Research + Wireframe + Begin UI

Video 32 part 1

Video 32 part 2

Quiz 32

Session 33: Final UI + Prototyping + Animations

Video 32 part 3

Quiz 33

Personal Project Defense

Project Defense

Launching Your Career As a Product Designer

Group Project Submission

Project Defense 2