Zaalima Learning LMS - Zaalima Development | UI/UX Design Complete Course

Course / Course Details

UI/UX Design Complete Course

UI/UX

By - Zaalima Learning
0 students
25 Hours 30 Min
(0)

Course Requirements

Basic computer knowledge

A laptop/desktop with internet access

No prior design experience required (beginner-friendly)

Willingness to learn design tools like Figma

Creativity and problem-solving mindset

Course Description

This comprehensive UI/UX Design Masterclass is designed to take you from a complete beginner to a job-ready designer. The course covers both User Interface (UI) and User Experience (UX) design principles, focusing on creating visually appealing and user-friendly digital products.
You will learn how to understand user behavior, conduct research, create wireframes, design high-fidelity interfaces, and build interactive prototypes using industry-standard tools like Figma.

Through hands-on projects, real-world case studies, and practical assignments, you will gain the skills needed to design websites, mobile applications, and dashboards. By the end of the course, you will have a strong portfolio that showcases your design thinking and problem-solving abilities.

Course Outcomes

By the end of this course, you will be able to:

Understand core UI/UX design principles and best practices

Conduct user research and create user personas

Design wireframes and user flows for digital products

Create high-quality UI designs using Figma

Build interactive prototypes and test usability

Work on real-world projects (apps, websites, dashboards)

Create a professional UI/UX portfolio

Apply for UI/UX Designer roles and internships confidently

Course Curriculum

30 chapters
209 lectures
0 quizzes
25 Hours 30 Min total length

Toggle all chapters

1 Introduction

7 Min

2 Meeting The Client

2 Min

3 The 2 Paths

1 Min

4 Exercise Building Your Logo

2 Min

5 Designer vs Developer

3 Min

6 Skills To Be A Top Designer

7 Min

7 Introduction To Sketching

2 Min

8 The Sketching Process

6 Min

9 Sketching User Flows

17 Min

10 Sketching User Flows 2

13 Min

11 Sketching User Flows 3

22 Min

12 Sketching User Flows 4

11 Min

13 Sketching Tips

9 Min

1 How To Stay Inspired

8 Min

2 How To Find Inspiration

15 Min

1 Introducing Figma

2 Min

2 Figma Dashboard

6 Min

3 Figma Tools

6 Min

4 Layers & Pages

2 Min

5 The Top Bar

8 Min

6 Design Properties

12 Min

7 Prototyping With Figma

4 Min

8 Exercise Creating A Responsive Layout

17 Min

1 What Are User Flows

4 Min

2 The Do's And Don'ts

5 Min

3 Speed Up Workflow With Components

7 Min

4 Creating Our Own User Flows

10 Min

5 Creating Our Own User Flows 2

11 Min

6 Creating Our Own User Flows 3

12 Min

1 Introduction To Sitemaps

2 Min

2 Creating A Basic Sitemap

3 Min

3 Before You Start

8 Min

4 Creating A Sitemap

11 Min

5 Creating A Sitemap 2

7 Min

6 Tips For Getting Started

5 Min

1 What Is A Wireframe

4 Min

2 How To Create A Wireframe

8 Min

3 Wireframes In FIgma

6 Min

4 Creating Our Home Page

13 Min

5 Creating A Product Page

10 Min

6 Creating A Checkout Page

15 Min

1 Prototyping Basics In Figma

11 Min

2 Prototyping Basics In Figma 2

6 Min

3 Prototyping Basics In Figma 3

7 Min

4 Prototyping Basics In Figma 4

7 Min

5 Linking Together A Quick User Flow

11 Min

6 Working On Small Interactions

12 Min

1 What Is A Grid

6 Min

2 Grid Basics

3 Min

3 Responsive Grids And Breakpoints

7 Min

4 Making Our Grid In Figma

8 Min

5 Grid Guidelines

7 Min

1 Serifs

3 Min

2 Sans Serifs

2 Min

3 Display & Mono

3 Min

4 Picking Typefaces

2 Min

5 Choosing Typefaces For A Project

9 Min

6 Choosing Typefaces For A Project 2

11 Min

7 Choosing Typefaces For A Project 3

13 Min

8 Creating Our Own Type System

10 Min

1 Color Schemes

3 Min

2 Important Questions To Ask

2 Min

3 Creating Color Palettes

2 Min

4 Creating A Monochromatic Color Palette

5 Min

5 Applying Our Color Palette

12 Min

6 Expanding A Strict Color Palette

5 Min

7 Creating Our Own Color Palette

8 Min

1 What Are Forms + UI Elements

3 Min

2 Best Practices For Forms

7 Min

3 Best Practices For Inputs

2 Min

4 Best Practices For Inputs 2

5 Min

5 Best Practices For Inputs 3

2 Min

6 Best Practices For Inputs 4

5 Min

7 Best Practices For Buttons

4 Min

8 Creating Components In Figma

3 Min

9 Using Atomic Elements

7 Min

10 Using Instances In Figma

2 Min

11 Editing Instances

5 Min

12 Responsive Components

5 Min

13 Creating A Registration Form In Figma

19 Min

1 Visual Assets Introduction

4 Min

2 Working With Photos In Figma

19 Min

3 Working With Photos In Figma 2

14 Min

4 Working With Illustrations In Figma

13 Min

5 Figma Plugins And Icons

9 Min

6 Custom Icons

14 Min

1 What Is Accessibility

4 Min

2 Assistive Technologies

3 Min

3 Visual Patterns For Accessibility

2 Min

4 Tools To Make Your Design Accessible

5 Min

5 Visual Patterns For Accessibility Part 2

3 Min

1 What Are Design Patterns

6 Min

2 Why Are Design Patterns Valuable

2 Min

3 How To Apply Design Patterns

3 Min

4 Analyzing Design Patterns

6 Min

5 Dissecting And Choosing Design Patterns

7 Min

1 Mobile Design Best Practices

6 Min

2 Mobile Design Best Practices 2

9 Min

1 Design Fidelity

6 Min

2 Style Exploration

11 Min

3 Style Exploration 2

15 Min

4 Style Exploration 3

12 Min

5 Style Exploration 4

13 Min

1 The Importance Of Motion

12 Min

2 The Purpose Of Motion

6 Min

3 Intro To Smart Animate

8 Min

4 The Power Of Smart Animate

16 Min

1 What Is A Microinteraction

9 Min

2 Why Microinteractions Are Important

8 Min

3 Creating Our Own Microinteraction

7 Min

4 Creating Our Own Microinteraction 2

11 Min

5 Using Figmotion

13 Min

6 Using Figmotion 2

11 Min

1 What Is A Design System

7 Min

2 Foundation - Color

6 Min

3 Foundation - Grids + Spacing

6 Min

4 Foundation - Iconography

7 Min

5 Foundation - Typography

7 Min

6 Components - Button

12 Min

7 Components - Inputs

12 Min

8 Components - Cards

19 Min

9 Recipes - Vertical Cards

12 Min

10 Recipes - Search

14 Min

11 Recipes - Order List

16 Min

1 Using Our Design System

12 Min

2 Using Our Design System 2

12 Min

3 Using Our Design System 3

7 Min

4 Final Prototypes

8 Min

5 Final Prototypes 2

8 Min

6 Final Prototypes 3

8 Min

7 Final Prototypes 4

17 Min

1 The Product Alignment Canvas

4 Min

2 Project Goals

8 Min

3 Target Users

7 Min

4 User Journey Map

8 Min

5 Risky Assumptions

4 Min

6 What is a User Story Map

5 Min

7 Creating a User Story Map

7 Min

1 is Bruno Happy

2 Min

2 Project handoff

3 Min

1 How To Export And Place Designs

12 Min

2 Content For Your Portfolio

15 Min

3 Where To Host Your Web Portfolio

8 Min

1 Initial Setup - Figma Handoff

12 Min

2 Build UI - Adding Image Assets

9 Min

3 Build UI - Styling Image Assets

10 Min

1 Browsing the Web

3 Min

2 Breaking Google

4 Min

3 The Internet Backbone

9 Min

4 Traceroute

4 Min

5 DEVELOPER FUNDAMENTALS I

2 Min

6 What Does A Developer Do

2 Min

1 WWW vs Internet

6 Min

2 HTML, CSS, Javascript

6 Min

3 DEVELOPER FUNDAMENTALS II

3 Min

4 Developer History

2 Min

1 Build Your First Website

8 Min

2 DEVELOPER FUNDAMENTALS III

3 Min

3 HTML Tags

9 Min

4 HTML Tags 2

2 Min

5 Self Closing HTML Tags

6 Min

6 Anchor Tag

5 Min

7 Q&A index.html

2 Min

8 Q&A Relative vs Absolute Path

6 Min

9 HTML Forms

9 Min

10 HTML Forms 2

5 Min

11 Submitting A Form

9 Min

12 HTML Tags 3

5 Min

13 HTML vs HTML 5

7 Min

14 Copy A Website

5 Min

15 HTML Challenge

2 Min

1 Your First CSS

14 Min

2 CSS Properties

11 Min

3 CSS Selectors

17 Min

4 Text and Font

8 Min

5 Images In CSS

7 Min

6 Box Model

3 Min

7 px vs em vs rem

2 Min

8 Critical Render Path

3 Min

9 Flexbox

10 Min

10 CSS 3

9 Min

11 Responsive UI

3 Min

12 Exercise Robot Animation

1 Min

13 Using Templates

3 Min

1 Bootstrap Introduction

4 Min

2 Bootstrap

10 Min

3 Bootstrap Grid

5 Min

4 Exercise Startup Landing Page

1 Min

5 Exercise Startup Landing Page 2

3 Min

6 Exercise Startup Landing Page 3

8 Min

7 Exercise Startup Landing Page 4

9 Min

8 Exercise Startup Landing Page 5

11 Min

9 Exercise Adding Email Subscribe Form With MailChimp

8 Min

10 Exercise Putting Your Website Online 2

3 Min

11 DEVELOPER FUNDAMENTALS IV

8 Min

1 Section Overview

2 Min

2 CSS Grid vs Flexbox vs Bootstrap

4 Min

3 CSS Grid 1

10 Min

4 CSS Grid 2

5 Min

5 CSS Grid 3

9 Min

6 CSS Grid 4

10 Min

7 CSS Grid 5

3 Min

8 Exercise CSS Layout

2 Min

9 Solution Navigation Bar

7 Min

10 Solution Navigation Bar 2

4 Min

11 Solution Cover

5 Min

12 Solution Project Grid + Footer

10 Min

13 Solution Prettify

8 Min

14 The Truth About CSS

1 Min

Instructor

Zaalima Learning

As the Super Admin of our platform, I bring over a decade of experience in managing and leading digital transformation initiatives. My journey began in the tech industry as a developer, and I have since evolved into a strategic leader with a focus on innovation and operational excellence. I am passionate about leveraging technology to solve complex problems and drive organizational growth. Outside of work, I enjoy mentoring aspiring tech professionals and staying updated with the latest industry trends.

5 Rating