- Description
- Curriculum
- Reviews
-
1
Introduction to Product Design, UI/UX overviewIn this lesson, students are introduced to the world of Product Design, exploring its role in creating functional, user-centered digital products. We’ll break down the fundamentals of UI (User Interface) and UX (User Experience), highlighting their key differences, how they work together, and why both are essential for successful product development. This foundational class sets the stage for deeper dives into design principles, processes, and tools in the weeks ahead.
-
2
Graphic Design Fundamentals (Elements & Principles)
In this lesson, students dive into the building blocks of visual design. We’ll explore the core elements and principles that guide every effective design decision. From mastering shapes, colors, and typography to understanding alignment, balance, and hierarchy, this session lays the creative foundation every product designer needs to craft beautiful, functional, and user-centered interfaces.
-
3
Colour Theory, Typography & Basic Layouts
In this lesson, we focus on three powerful aspects of design that deeply influence user perception and experience. You'll learn how to choose and combine colors using basic color theory, apply typography that enhances readability and brand identity, and structure layouts that create visual balance and clarity. This session will equip you with practical techniques to create aesthetically pleasing and professional designs.
-
4
Getting Started with Figma (UI Tools & Frames)
In this session, we introduce Figma — the powerful, collaborative design tool used by leading product teams around the world. You’ll learn the Figma interface, how to use basic tools, and start creating frames, shapes, text, and components. By the end of this lesson, you’ll be confident navigating Figma and building your first user interface structures from scratch.
-
5
Components, Assets, and Reusable Elements in Figma
This lesson explores one of Figma’s most powerful features — Components. You’ll learn how to create reusable design elements that save time and maintain consistency across your UI projects. We’ll also dive into the Assets panel, managing design systems, and working with variants and instances. By the end, you’ll be able to build scalable design files like a pro.
-
6
Hands-on: Designing a simple poster and mobile app screen
This practical session is where creativity meets execution. Students will apply everything they've learned so far — from graphic design principles to Figma tools — to design two real-world visuals: a clean, impactful poster and a basic mobile app screen. This hands-on experience helps build design confidence and reinforces layout, color, typography, and component skills.
-
7
Layouts, Spacing, and Grids
In this lesson, students will learn how to structure designs with clarity and precision using layouts, spacing, and grids. These are foundational tools for creating balanced, consistent, and responsive designs. We'll explore how to use Figma's layout grids, spacing techniques, and alignment tools to guide the user’s eye and create clean, well-organized interfaces.
-
8
Creating UI Elements: Buttons, Forms, Cards
This lesson is all about building the essential building blocks of any user interface: buttons, forms, and cards. You'll learn how to design them from scratch in Figma, apply best practices for usability and consistency, and turn them into reusable components. By the end, you'll have your own mini design system foundation ready to use in real projects.
