Mastering UI/UX Design

UX Design

UX Design

UX Design

Visual Design

Visual Design

Visual Design

Course Info:
Icon

Level

Intermediate

Icon

Lecture

28 Lectures

Icon

Duration

5h 20m

Icon

Total Enrolled

240

Icon

Last Updated

Course Instructor:
Image
Image

Emma Wilson

Senior UI/UX Designer at Novex Studio

Icon
Icon
Icon
Course Modules:
Icon
Icon
Module 01: Introduction to UI/UX Design
Arrow Icon

Understand the fundamentals of user interface and user experience design and how digital products are created with user-focused thinking.

  • Understanding the difference between UI and UX

  • Learning the basics of user-centered design

  • Exploring modern design workflows and processes

  • Introduction to popular UI/UX design tools

Module 02: User Research & Design Thinking
Arrow Icon

Learn how to research user behavior, identify pain points, and create better experiences through structured design thinking methods.

  • Conducting user and competitor research

  • Building user personas and journey maps

  • Understanding user needs and expectations

  • Applying design thinking to solve problems

Module 03: Wireframing & Layout Planning
Arrow Icon

Create organized layouts and wireframes that improve usability, navigation, and visual structure.

  • Building low-fidelity wireframes

  • Creating effective page structures

  • Planning user flows and interactions

  • Improving layout consistency and clarity

Module 04: Visual Design Fundamentals
Arrow Icon

Develop strong visual design skills using typography, spacing, color systems, and hierarchy principles.

  • Working with typography and readability

  • Creating balanced color palettes

  • Understanding spacing and alignment systems

  • Designing visually consistent interfaces

Module 05: UI Components & Design Systems
Arrow Icon

Learn how to build reusable components and scalable design systems for professional projects.

  • Creating buttons, cards, and navigation elements

  • Organizing reusable UI components

  • Building consistent design systems

  • Maintaining visual consistency across screens

Module 06: Responsive Web & Mobile Design
Arrow Icon

Design responsive interfaces that adapt across desktop, tablet, and mobile devices.

  • Designing mobile-friendly layouts

  • Understanding responsive grid systems

  • Adapting interfaces for different screen sizes

  • Improving accessibility and usability

Module 07: Interactive Prototyping
Arrow Icon

Create interactive prototypes and realistic user experiences using professional design tools.

  • Building clickable design prototypes

  • Adding transitions and interactions

  • Simulating real user experiences

  • Presenting designs professionally

Module 08: Usability Testing & Feedback
Arrow Icon

Test and improve designs based on user feedback and usability analysis.

  • Conducting usability testing sessions

  • Identifying user experience issues

  • Collecting and analyzing feedback

  • Improving interfaces through iteration

Module 09: Portfolio & Case Study Creation
Arrow Icon

Prepare portfolio-ready projects and professional case studies that showcase your design skills.

  • Creating detailed project case studies

  • Presenting research and design decisions

  • Organizing a professional portfolio

  • Preparing projects for clients or employers

Module 10: Final Real-World Project
Arrow Icon

Complete a full UI/UX project from concept to final prototype using everything learned in the course.

  • Researching and planning a real project

  • Designing complete user interfaces

  • Creating final interactive prototypes

  • Presenting a polished final project

Module 01: Introduction to UI/UX Design
Arrow Icon

Understand the fundamentals of user interface and user experience design and how digital products are created with user-focused thinking.

  • Understanding the difference between UI and UX

  • Learning the basics of user-centered design

  • Exploring modern design workflows and processes

  • Introduction to popular UI/UX design tools

Module 02: User Research & Design Thinking
Arrow Icon

Learn how to research user behavior, identify pain points, and create better experiences through structured design thinking methods.

  • Conducting user and competitor research

  • Building user personas and journey maps

  • Understanding user needs and expectations

  • Applying design thinking to solve problems

Module 03: Wireframing & Layout Planning
Arrow Icon

Create organized layouts and wireframes that improve usability, navigation, and visual structure.

  • Building low-fidelity wireframes

  • Creating effective page structures

  • Planning user flows and interactions

  • Improving layout consistency and clarity

Module 04: Visual Design Fundamentals
Arrow Icon

Develop strong visual design skills using typography, spacing, color systems, and hierarchy principles.

  • Working with typography and readability

  • Creating balanced color palettes

  • Understanding spacing and alignment systems

  • Designing visually consistent interfaces

Module 05: UI Components & Design Systems
Arrow Icon

Learn how to build reusable components and scalable design systems for professional projects.

  • Creating buttons, cards, and navigation elements

  • Organizing reusable UI components

  • Building consistent design systems

  • Maintaining visual consistency across screens

Module 06: Responsive Web & Mobile Design
Arrow Icon

Design responsive interfaces that adapt across desktop, tablet, and mobile devices.

  • Designing mobile-friendly layouts

  • Understanding responsive grid systems

  • Adapting interfaces for different screen sizes

  • Improving accessibility and usability

Module 07: Interactive Prototyping
Arrow Icon

Create interactive prototypes and realistic user experiences using professional design tools.

  • Building clickable design prototypes

  • Adding transitions and interactions

  • Simulating real user experiences

  • Presenting designs professionally

Module 08: Usability Testing & Feedback
Arrow Icon

Test and improve designs based on user feedback and usability analysis.

  • Conducting usability testing sessions

  • Identifying user experience issues

  • Collecting and analyzing feedback

  • Improving interfaces through iteration

Module 09: Portfolio & Case Study Creation
Arrow Icon

Prepare portfolio-ready projects and professional case studies that showcase your design skills.

  • Creating detailed project case studies

  • Presenting research and design decisions

  • Organizing a professional portfolio

  • Preparing projects for clients or employers

Module 10: Final Real-World Project
Arrow Icon

Complete a full UI/UX project from concept to final prototype using everything learned in the course.

  • Researching and planning a real project

  • Designing complete user interfaces

  • Creating final interactive prototypes

  • Presenting a polished final project

Module 01: Introduction to UI/UX Design
Arrow Icon

Understand the fundamentals of user interface and user experience design and how digital products are created with user-focused thinking.

  • Understanding the difference between UI and UX

  • Learning the basics of user-centered design

  • Exploring modern design workflows and processes

  • Introduction to popular UI/UX design tools

Module 02: User Research & Design Thinking
Arrow Icon

Learn how to research user behavior, identify pain points, and create better experiences through structured design thinking methods.

  • Conducting user and competitor research

  • Building user personas and journey maps

  • Understanding user needs and expectations

  • Applying design thinking to solve problems

Module 03: Wireframing & Layout Planning
Arrow Icon

Create organized layouts and wireframes that improve usability, navigation, and visual structure.

  • Building low-fidelity wireframes

  • Creating effective page structures

  • Planning user flows and interactions

  • Improving layout consistency and clarity

Module 04: Visual Design Fundamentals
Arrow Icon

Develop strong visual design skills using typography, spacing, color systems, and hierarchy principles.

  • Working with typography and readability

  • Creating balanced color palettes

  • Understanding spacing and alignment systems

  • Designing visually consistent interfaces

Module 05: UI Components & Design Systems
Arrow Icon

Learn how to build reusable components and scalable design systems for professional projects.

  • Creating buttons, cards, and navigation elements

  • Organizing reusable UI components

  • Building consistent design systems

  • Maintaining visual consistency across screens

Module 06: Responsive Web & Mobile Design
Arrow Icon

Design responsive interfaces that adapt across desktop, tablet, and mobile devices.

  • Designing mobile-friendly layouts

  • Understanding responsive grid systems

  • Adapting interfaces for different screen sizes

  • Improving accessibility and usability

Module 07: Interactive Prototyping
Arrow Icon

Create interactive prototypes and realistic user experiences using professional design tools.

  • Building clickable design prototypes

  • Adding transitions and interactions

  • Simulating real user experiences

  • Presenting designs professionally

Module 08: Usability Testing & Feedback
Arrow Icon

Test and improve designs based on user feedback and usability analysis.

  • Conducting usability testing sessions

  • Identifying user experience issues

  • Collecting and analyzing feedback

  • Improving interfaces through iteration

Module 09: Portfolio & Case Study Creation
Arrow Icon

Prepare portfolio-ready projects and professional case studies that showcase your design skills.

  • Creating detailed project case studies

  • Presenting research and design decisions

  • Organizing a professional portfolio

  • Preparing projects for clients or employers

Module 10: Final Real-World Project
Arrow Icon

Complete a full UI/UX project from concept to final prototype using everything learned in the course.

  • Researching and planning a real project

  • Designing complete user interfaces

  • Creating final interactive prototypes

  • Presenting a polished final project

Course Benefits:
Icon
Icon
  • Learn practical UI/UX workflows used by industry professionals

  • Build modern and visually balanced user interfaces

  • Improve problem-solving and user-centered thinking skills

  • Gain hands-on experience with real-world design projects

  • Create portfolio-ready case studies for clients or employers

  • Understand responsive and accessible design principles

Course Requirements:
Icon
Icon
  • No prior UI/UX experience required

  • Basic computer and internet navigation skills

  • A laptop or desktop for design practice

  • Willingness to learn and complete practical exercises

  • Design software access such as Figma or Adobe XD

Background Image
Shape
Shape
Client Image
Client Image
Client Image
Client Image
Join 4k+ others

Take the Next Step in Your Learning Journey

Unlock new opportunities with courses that help you grow, adapt, and succeed in a changing world.

Background Image
Client Image
Client Image
Client Image
Client Image
Join 4k+ others

Take the Next Step in Your Learning Journey

Unlock new opportunities with courses that help you grow, adapt, and succeed in a changing world.

Background Image
Shape
Shape
Client Image
Client Image
Client Image
Client Image
Join 4k+ others

Take the Next Step in Your Learning Journey

Unlock new opportunities with courses that help you grow, adapt, and succeed in a changing world.

Create a free website with Framer, the website builder loved by startups, designers and agencies.