Course Content
Total learning: 45 lessons
Time: 12 weeks
-
Module 0: Design Foundations & Tools Setup (Week 0)
-
Introduction to UX vs UI DesignLecture1.1
-
Overview of Design Thinking & Double Diamond FrameworkLecture1.2
-
Tools Overview: Figma, Adobe XD, Sketch, Miro, NotionLecture1.3
-
Design Terminology & File OrganizationLecture1.4
-
-
Module 1: UX Research & Strategy (Week 1–2)
-
User Research Methods (interviews, surveys, usability tests)Lecture2.1
-
Competitive Analysis & User PersonasLecture2.2
-
Empathy Maps & Customer Journey MappingLecture2.3
-
Problem Statements & UX GoalsLecture2.4
-
Mini Project: Create persona and journey map for a mock productLecture2.5
-
Milestone: Research report + user persona + journey mapLecture2.6
-
-
Module 2: Information Architecture & Wireframing (Week 3–4)
-
Site Mapping and Navigation FlowLecture3.1
-
Card Sorting TechniquesLecture3.2
-
Low-Fidelity Wireframing (Sketches, Balsamiq, Figma)Lecture3.3
-
UX Copywriting BasicsLecture3.4
-
Milestone: Complete wireframes + sitemap for selected productLecture3.5
-
-
Module 3: UI Design Principles (Week 5–6)
-
Visual Design Foundations (color theory, typography, spacing)Lecture4.1
-
Grids, Layouts, and Responsive DesignLecture4.2
-
UI Patterns and ComponentsLecture4.3
-
Design Systems & Component LibrariesLecture4.4
-
Accessibility & Inclusive Design (WCAG basics)Lecture4.5
-
Milestone: Design 3 UI screens with consistent visual languageLecture4.6
-
-
Module 4: Prototyping & Usability Testing (Week 7–8)
-
Creating Clickable Prototypes in Figma/Adobe XDLecture5.1
-
Usability Testing Planning & ExecutionLecture5.2
-
A/B Testing ConceptsLecture5.3
-
Iteration Based on User FeedbackLecture5.4
-
Project: Test and revise your original designsLecture5.5
-
Milestone: Final working prototype + usability test reportLecture5.6
-
-
Module 5: Design Collaboration & Handoff (Week 9–10)
-
Working with Developers: Handoff Best PracticesLecture6.1
-
Using Design Tokens and Dev Tools (Zeplin, Figma Inspect)Lecture6.2
-
Annotating Designs for DevLecture6.3
-
Versioning, Feedback, and Commenting WorkflowsLecture6.4
-
Milestone: Developer-ready design file with handoff notesLecture6.5
-
-
Module 6: Capstone Project & Career Prep (Week 11–16)
-
Capstone: Redesign or Design a Full Product (Web or Mobile)Lecture7.1
-
Create a UX/UI Case Study for PortfolioLecture7.2
-
Resume and LinkedIn OptimizationLecture7.3
-
Portfolio Website with 2-3 Projects (e.g., Webflow, Framer, Notion)Lecture7.4
-
Mock Interviews + Figma WhiteboardingLecture7.5
-
Milestone: Full case study presentation + portfolio reviewLecture7.6
-
-
Tools Covered:
-
Figma, Adobe XD, Sketch, Miro, BalsamiqLecture8.1
-
Zeplin, Webflow, Notion, LoomLecture8.2
-
UsabilityHub, Maze, Optimal WorkshopLecture8.3
-
-
Bonus Topics (Optional)
-
UX Writing & MicrocopyLecture9.1
-
UI Animation (Lottie, After Effects)Lecture9.2
-
UX for SaaS, E-commerce, and MobileLecture9.3
-
Working as a Freelance DesignerLecture9.4
-
This content is protected, please login and enroll course to view this content!
Register for a Demo
Register for a demo to speak with instructor, understand course highlight and ask any questions
Modal title
Main Content