UI/UX Design Mentorship – After School Academy

About Course

The path to becoming a proficient UI/UX designer is a marathon, not a sprint. It requires a balance of empathy (UX) and visual craftsmanship (UI).

This course is a structured 6-Month Mentorship Curriculum. This plan assumes you are starting from zero and aims to get you “Junior Designer” ready by the end. We have curated only the best resources.

Mentorship Overview

Total Duration: 6 Months (approx. 10-15 hours/week)
Primary Tool: Figma (Industry Standard)
Goal: A portfolio with 3 solid case studies.

Professional Tool Mastery (Figma): You will master advanced Figma workflows, including Auto-Layout, Components, and Prototyping, to build scalable and responsive interfaces.
User-Centric Problem Solving (UX): You will adopt a problem-solving mindset using Design Thinking and user research to create products that truly help people.
Visual Craftsmanship (UI): You will develop a professional "eye" for design by mastering the 8pt grid system, typography, and color theory to create polished layouts.
End-to-End Product Lifecycle: You will experience the full design process, taking a project from rough paper sketches to a comprehensive design system ready for developer handoff.
Career Readiness: You will build a portfolio of detailed case studies that prove your ability to articulate design decisions and iterate based on feedback.

Course Content

WEEK 1: Introduction to UI/UX

Is This UX?

05:11
UI vs UX

03:16
What is UI/UX?

12:20
Foundations of UX

31:59

WEEK 2: Design Thinking & Empathy

WEEK 3: UX Laws & Heuristics

10 Usability Heuristics (1)

02:36
10 Usability Heuristics (2)

03:09
10 Usability Heuristics (3)

02:16
10 Usability Heuristics (4)

02:38
10 Usability Heuristics (5)

02:53
10 Usability Heuristics (6)

02:49
10 Usability Heuristics (7)

02:55
10 Usability Heuristics (8)

01:58
10 Usability Heuristics (9)

02:19
10 Usability Heuristics (10)

02:46
Heuristic Evaluation

03:13
Conducting Heuristic Evaluations

04:49
Gestalt Principles (Intro)

02:55
Gestalt Principles: Similarity

02:41
Gestalt Principles: Proximity

02:51
Gestalt Principles: Closure

04:03
Gestalt Principles: Connectedness

03:23
Gestalt Principles: Common Fate

03:35
Gestalt Principles: Continuation

02:47
Gestalt Principles: Figure/Ground

03:13
Gestalt Principles: Common Region

03:17
Research: Laws of UX

WEEK 4: User Journey

WEEK 5: Get Started with Figma
Figma Design is used to create digital experiences of all kinds, including mobile apps, websites, illustrations, and more.

Create your Figma account

00:00
Tour the file browser and customize your profile

00:00
Create your first design file

00:00
Advocate sidebar: Learn more about portfolios

00:00
Explore Figma Design: Navigate Figma Design files

00:00
Set your file preferences

00:00
Layers and Frames: Create your avatar using shapes and fills

00:00
Build your bio using text layers

00:00
Add your layers to a frame

00:00
Advocate sidebar: Portfolio personalization

00:00
Frame Presets and Constraints: Create a frame using frame presets

00:00
Create the section heading, paragraph text, and quote block

00:00
Create the image and the hero

00:00
Constraints fundamentals

00:00
Clean up your layers

00:00
Advocate sidebar: The differences between sections, groups, and frames

00:00

WEEK 6: Auto Layout & Components

Auto layout fundamentals

00:00
Create the button

00:00
Auto Layout for Beginners (crash course)

00:00
Advocate sidebar: Auto layout tips and tricks

00:00
Components fundamentals

00:00
Create the card and container system

00:00
Create the navigation bar and footer

00:00
Component Properties

00:00
Bonus Lesson: Figma Components and Variants

00:00
Auto Layout Playground

WEEK 7: Vector Editing & Instances

WEEK 8: Prototyping

Bonus Lessons: Figma Courses with Projects
Focus on the project parts in the videos.

Add this certificate to your resume to demonstrate your skills & increase your chances of getting noticed.

Student Ratings & Reviews

No Review Yet

About Course

Mentorship Overview

What Will You Learn?

Course Content

WEEK 1: Introduction to UI/UX

Is This UX?

UI vs UX

What is UI/UX?

Foundations of UX

WEEK 2: Design Thinking & Empathy

What is Design Sprints?

Design Thinking Process

Empathy in UX Design

Design Ideation

UX Personas

UX Research

WEEK 3: UX Laws & Heuristics

10 Usability Heuristics (1)

10 Usability Heuristics (2)

10 Usability Heuristics (3)

10 Usability Heuristics (4)

10 Usability Heuristics (5)

10 Usability Heuristics (6)

10 Usability Heuristics (7)

10 Usability Heuristics (8)

10 Usability Heuristics (9)

10 Usability Heuristics (10)

Heuristic Evaluation

Conducting Heuristic Evaluations

Gestalt Principles (Intro)

Gestalt Principles: Similarity

Gestalt Principles: Proximity

Gestalt Principles: Closure

Gestalt Principles: Connectedness

Gestalt Principles: Common Fate

Gestalt Principles: Continuation

Gestalt Principles: Figure/Ground

Gestalt Principles: Common Region

Research: Laws of UX

WEEK 4: User Journey

User Journeys vs User Flows

Journey Mapping 101

Customer Journey Research

Creating a UX Roadmap

Empathy Map

UX Storyboards

5 Steps to Journey Mapping

4 UX Mapping Techniques

Heuristic Evaluation Project

WEEK 5: Get Started with Figma Figma Design is used to create digital experiences of all kinds, including mobile apps, websites, illustrations, and more.

Create your Figma account

Tour the file browser and customize your profile

Create your first design file

Advocate sidebar: Learn more about portfolios

Explore Figma Design: Navigate Figma Design files

Set your file preferences

Layers and Frames: Create your avatar using shapes and fills

Build your bio using text layers

Add your layers to a frame

Advocate sidebar: Portfolio personalization

Frame Presets and Constraints: Create a frame using frame presets

Create the section heading, paragraph text, and quote block

Create the image and the hero

Constraints fundamentals

Clean up your layers

Advocate sidebar: The differences between sections, groups, and frames

WEEK 6: Auto Layout & Components

Auto layout fundamentals

Create the button

Auto Layout for Beginners (crash course)

Advocate sidebar: Auto layout tips and tricks

Components fundamentals

Create the card and container system

Create the navigation bar and footer

Component Properties

Bonus Lesson: Figma Components and Variants

Auto Layout Playground

WEEK 7: Vector Editing & Instances

Combine shapes using boolean operations

Use vector edit mode to modify shapes

WEEK 5: Get Started with Figma
Figma Design is used to create digital experiences of all kinds, including mobile apps, websites, illustrations, and more.

Bonus Lessons: Figma Courses with Projects
Focus on the project parts in the videos.