UI/UX & Product Design

Classes

Research

Figma

Test

Ship

User-centred product design—research, wireframes, high-fidelity UI, prototyping, and usability testing in Figma.

Web and mobile app interfaces, design systems, hand-off to developers, and evidence-based product decisions.

UI/UX designer, product designer, UX researcher (junior), design consultant, design-to-code collaborator.

We teach UX before UI polish so interfaces solve real user problems—not just attractive screens that fail in testing.

Course Outline

Module A — Foundations & Tools · Month 1 (12 Classes)

1 — Introduction to UI/UX & Product Design

2 — Software Setup & Design Environments

3 — Font Theory & Colour Theory

4 — Figma Interface & FigJam

5 — UI Design Principles & Figma Tools

6 — Components, Auto Layout & Grid Systems

7 — Figma Plugins & Design Resources

8 — Design Principles: White Space, Contrast & Simplicity

9 — Figma Export, Developer Handoff & Boolean Operations

10 — Alignment, Repetition, Scale & Hierarchy

11 — Wireframing & Information Architecture

12 — Wireframe Practice & Design Systems

Module B — Projects, Effects & Professional Skills · Month 2 (12 Classes)

13 — Colour Management & Page Layouts

14 — Soft UI: Glassmorphism & Claymorphism

15 — Soft UI Project: Smartwatch Interface

16 — Website Landing Page Project

17 — Adobe Photoshop for Mockup Visualisation

18 — Mobile Design Structure & Foundations

19 — Restaurant App: Splash & Onboarding

20 — Restaurant App: Menu & Ordering

21 — Restaurant App: Checkout & Completion

22 — Prototyping & Interaction Design

23 — Presentation, Documentation & Testing

24 — Final Project & Presentation