Product Design (Full course: from basics to mastery)

Beginner-to-expert
Best Product Design Course

Product Design (Full course: from basics to mastery)

Trending and Recommended
5 (1)
Overview
Curriculum
Reviews

This comprehensive course is designed to guide students through the multifaceted discipline of product design, starting from fundamental principles and advancing to expert-level mastery.

Students will explore the entire design process, including user research, ideation, prototyping, and user experience (UX) design.

The curriculum emphasizes practical application, encouraging learners to develop innovative solutions that are both aesthetically pleasing and user-centric.

By the end of the course, students will have a robust portfolio showcasing their design projects and a deep understanding of the product design lifecycle.

Course Objectives:

  1. Understand Fundamental Design Principles: Grasp the core concepts of design, including color theory, typography, and layout, to create visually appealing products.
  2. Conduct User Research: Learn methodologies to gather and analyze user needs and behaviors to inform design decisions.
  3. Develop Ideation Techniques: Master brainstorming and sketching methods to generate innovative design solutions.
  4. Create Prototypes: Build both low-fidelity and high-fidelity prototypes to test and refine design concepts.
  5. Apply User Experience (UX) Design: Implement UX principles to ensure products are intuitive, efficient, and satisfying for users.
  6. Utilize Design Tools: Gain proficiency in industry-standard design software and tools.
  7. Conduct Usability Testing: Learn to plan and execute tests to gather feedback and improve product designs.
  8. Understand Manufacturing Processes: Acquire knowledge of materials and manufacturing techniques to design feasible and market-ready products.
  9. Develop a Professional Portfolio: Compile a comprehensive portfolio that effectively showcases design skills and projects.

Final Project:

For the final project, students will undertake the design of a new product that addresses a specific user need or problem. This project will encompass the entire design process, from initial research to final presentation:

  1. Project Proposal: Identify a user problem or market gap and propose a product solution.
  2. User Research: Conduct thorough research to understand the target audience and their needs.
  3. Ideation: Generate a range of ideas and select the most promising concept.
  4. Prototyping: Develop prototypes to explore the form and function of the product.
  5. User Testing: Test prototypes with potential users and gather feedback.
  6. Design Refinement: Iterate on the design based on user feedback and feasibility considerations.
  7. Final Presentation: Present the final design, including detailed specifications, user journey, and a reflection on the design process.

This capstone project will demonstrate the student's ability to apply learned principles and techniques to create a well-researched, user-centered product design.

Curriculum

  • 26 Sections
  • 212 Lessons
  • 120h 10m Duration
Expand All
Module 1: Foundations of Product Design
7 Lessons
  1. Introduction to Course
  2. Course Outline
  3. Meeting The Client: New Product
  4. The 2 Paths you can follow
  5. Logo Design
  6. Designer vs Developer
  7. Skills To Be A Top Designer
Module 2: Sketching
7 Lessons
  1. Introduction To Sketching
  2. The Sketching Process
  3. Sketching User Flows (UX Flows)
  4. Sketching UX Flows 2
  5. Sketching UX Flows 3 (Navigaion)
  6. Sketching User Flows 4 (Screen State)
  7. Important Sketching Tips
Module 3: Inspiration for design and designers
2 Lessons
  1. How To Stay Inspired
  2. How To Find Inspiration Online
Module 4: Figma Tutorial and Setup
19 Lessons
  1. Introduction To Figma
  2. Plans and Signup (Start with FREE!)
  3. Where to Find and Use Figma
  4. Figma UI Structure
  5. Figma UI Files
  6. Figma UI Toolbar
  7. Figma UI Left Sidebar
  8. Figma UI Right Sidebar
  9. Shapes and Tools Frames in Figma
  10. Shapes and Tools Groups in Figma
  11. Basic Shapes and Boolean Operations
  12. Using Images in Figma
  13. Getting Started With Text in Figma
  14. Figma Constraints
  15. Designing in Figma Using Auto Layout
  16. Figma Auto Layout Properties
  17. Resources and Collaboration in Figma Community
  18. Figma Plugins
  19. Collaboration, Sharing and Commenting in Figma
Module 5: Project 1
8 Lessons
  1. What We Are Going To Build
  2. Creating a Logo Using Basic Shapes
  3. Auto Layout Buttons
  4. Creating a Responsive Navigation
  5. Responsive Text
  6. Imagery and Gradients
  7. Strokes and Shapes
  8. Layout and Responsiveness
Module 6: UX Flows (User Flow)
6 Lessons
  1. User Flows Explained
  2. UX Flows DOs and Don't
  3. User Flow Project
  4. Reusable User Flow Assets
  5. User Flows in Figma Onboarding
  6. User Flows in Figma Search
Module 7: Sitemaps
9 Lessons
  1. Introduction To Sitemaps
  2. Creating A Basic Sitemap
  3. What We Are Going To Learn
  4. Reusable Sitemap Assets
  5. Sitemaps in Figma The Top Layer
  6. Sitemaps in Figma Digging Deeper
  7. Digging Deeper Continued
  8. Sitemaps Digging deeper Continued.
  9. Tips to build great Sitemaps
Module 8: Wireframes
8 Lessons
  1. What is a Wireframe?
  2. How To Create A Wireframe
  3. Figma Check In Basic Button Component
  4. Figma Check In Variants
  5. How To Use Your Wireframe Components
  6. Wireframes (Home Page)
  7. Wireframes (Cart Page)
  8. Wireframes (Profile Page)
Module 9: Prototyping
11 Lessons
  1. Introduction to Prototyping
  2. Prototyping in Figma
  3. Flows and Starting Points
  4. Connections
  5. Interactions
  6. Animations
  7. Figma Prototype Settings
  8. Figma Prototype Presentation
  9. Project Navigation
  10. Removing an Item from Your Wishlist
  11. Finding a Product (Interaction)
Module 10: Feedback
2 Lessons
  1. Why Is Feedback Important?
  2. Constructive Feedback
Module 11: Grid Layout and Spacing
9 Lessons
  1. What Is A Grid?
  2. Grid Basics
  3. Grids and Spacing
  4. Fixed and Fluid Grids
  5. Breakpoints
  6. Grid Style and Layout Style
  7. Project (Mobile Layout Grid)
  8. Project (Desktop Layout Grids)
  9. The rules of the grid
Module 12: Typography
14 Lessons
  1. Typography basics (Part 1): Serif
  2. Sans Serifs
  3. Typography basics (Part 2): Display
  4. Picking a Typeface
  5. What We Are Going to Learn Next?
  6. Text Properties
  7. Elevating Brands
  8. Typeface Scenarios
  9. Google Fonts
  10. Project (Typeface Exploration)
  11. Project Continued. (Pairing Font Families)
  12. Project continued (Headings Body and Labels)
  13. Project Typeface System
  14. Typography/Text Styles
Module 13: Color
11 Lessons
  1. Color Schemes and Theories
  2. Important Questions To Ask Before Choosing a Color
  3. Helpful Tips for Creating Color Palettes
  4. Building upon an existing color palette
  5. Paints
  6. Expanding Upon a Strict Color Palette
  7. Creating a Color Palette
  8. Color Styles
  9. Using Color Styles
  10. Primary and Neutrals
  11. Accents
Module 14: Imagery and Iconography
11 Lessons
  1. Visual Assets Introduction
  2. What We Are Going to Learn
  3. Figma Image Plugins
  4. Image Styles
  5. Masks
  6. Exercise (Text and Imagery Working Together)
  7. Illustration Plugins
  8. Exercise (Adding Illustrations to Your Designs )
  9. Icon Plugins
  10. Pen Tool
  11. Exercise (Custom Icons with the Pen Tool)
Module 15: Forms and UI Elements
15 Lessons
  1. What Are Forms UI Elements
  2. What We Are Going to Learn
  3. Best Practices
  4. Best Practices (Basic and Advanced Inputs)
  5. Best Practices (Inputs)
  6. Best Practices (Buttons)
  7. Component Properties
  8. Properties vs Variants
  9. Button Component Properties
  10. Button Variants
  11. Combining Components
  12. Form Component Possibilities
  13. Project (Registration Flow Part 1)
  14. Project (Registration Flow Part 2)
  15. Project (Registration Flow Part 3)
Module 16: Accessibility
5 Lessons
  1. What Is Accessibility
  2. Assistive Technologies
  3. Visual Patterns For Accessibility
  4. Tools To Make Your Design Accessible
  5. Visual Patterns For Accessibility Part 2
Module 17: Design Patterns
5 Lessons
  1. What Are Design Patterns
  2. Why Are Design Patterns Valuable
  3. How To Apply Design Patterns
  4. Analyzing Design Patterns
  5. Dissecting And Choosing Design Patterns
Module 18: Mobile Design
2 Lessons
  1. Mobile Design Best Practices Part 1
  2. Mobile Design Best Practices Part 2
Module 19: Visual Style and Exploration
9 Lessons
  1. What We Are Going to Learn
  2. Design Fidelity
  3. Visual Exploration (Navigation)
  4. Visual Exploration (Buttons)
  5. Effect Styles
  6. Visual Exploration (Product Cards)
  7. Visual Exploration (Text Cards)
  8. Screen Design (Home)
  9. Screen Design (Product Page)
Module 20: Motion in UX Design
15 Lessons
  1. The Importance Of Motion
  2. What Is A Micro-interaction
  3. Why Micro-interactions Are Important
  4. What We Are Going To Learn
  5. Intro to Smart Animate
  6. Smart Animate (Properties)
  7. Exercise (Parallax)
  8. Exercise (New Message)
  9. Exercise (Overlays)
  10. Interactive Components
  11. Exercise (Interactive Buttons)
  12. Project (Parallax Welcome Screen)
  13. Project (Drag Onboarding)
  14. Project (Cart Overlay)
  15. Project (Button Microinteraction)
Module 21: Design Systems
11 Lessons
  1. What We Are Going to Learn
  2. Foundational Styles and Components vs Product Specific Components
  3. Building Fidelity and Organizing Potential Components and Styles
  4. Foundational Styles and Components
  5. Components (Buttons)
  6. Components (Cards)
  7. Components (Headers)
  8. Components (Inputs)
  9. Components (List Items)
  10. Components (Navigation)
  11. Components (Misc Elements)
Module 22: Execution
14 Lessons
  1. What We Are Going to Learn
  2. Working Towards Our Final Designs
  3. Execution (Introduction Screen)
  4. Execution (Onboarding Screens)
  5. Execution (Registration Screens)
  6. Execution (Home Screen)
  7. Execution (Wishlist Screens)
  8. Execution Profile Screen
  9. Execution (Cart and Checkout)
  10. Prototypes (Registration)
  11. Prototypes (Adding to Cart)
  12. Prototypes (Checkout)
  13. Prototypes (Lottie Files Plugin)
  14. Prototypes (Search and Filters)
Module 23: Working With A Client
7 Lessons
  1. The Product Alignment Canvas
  2. Project Goals
  3. Target Users
  4. User Journey Map
  5. Risky Assumptions
  6. What is a User Story Map
  7. Creating a User Story Map
Module 24: Where To Go From Here?
2 Lessons
  1. Is Bruno Happy?
  2. Project Handoff
Module 25: From Figma To Website (Building Our Landing Page)
3 Lessons
  1. Initial Setup (Figma Handoff)
  2. Build UI (Adding Image Assets)
  3. Build UI (Styling Image Assets)
COURSE PROJECT
5 out of 5

1 user rating

ayanbaba
Apr 12, 2025 @ 5:43 pm
From start to finish, the program exceeded my expectations in every way. The course is meticulously structured, covering everything from foundational UX/UI principles to advanced prototyping and user research strategies. I loved how it balances theory with hands-on practice, allowing me to master Figma. If you’re serious about breaking into product design or leveling up your product design skills, this course is a game-changer. You will get value for your time.
Reply

Create a new review.

×

Free Lesson Videos:

Deleting Course Review

Are you sure? You can't restore this back

Course Access

This course is password protected. To access it please enter your password below:

Scroll to top

Buy for group

Product Design (Full course: from basics to mastery)
No groups Found

You don't have any groups yet

Create a group and add group members. Sync Group(s)