About the course

What You’ll Learn UI/UX + Service Design + Enterprise UX + AI + UI Development

What You’ll Learn

1. Use UX design process from research to final UI execution.

2. Apply Design Thinking, Human-Centered Design, and UX principles in real projects.

3. Conduct user interviews, surveys, contextual inquiry, personas, empathy maps, and journey mapping.

4. Create Information Architecture, navigation systems, user flows, and wireframes.

5. Design professional UI using typography, grids, spacing, hierarchy, and design systems.

6. Build interactive prototypes with motion design, micro-interactions, and animations.

7. Design scalable Design Systems with components, tokens, and documentation.

8. Work on Service Design and Enterprise UX projects for SaaS and B2B products.

9. Use AI tools like Figma AI, Galileo AI, Adobe Firefly, and Midjourney in UX workflows.

10. Design AI-powered products including chatbots, AI assistants, and productivity tools.

11. Learn HTML, CSS, and JavaScript fundamentals for UI implementation.

12. Conduct Accessibility Audits and Usability Testing using WCAG guidelines.

13. Build portfolio case studies, personal branding assets, and job-ready projects.

14. Present capstone projects and prepare for UX interviews and career opportunities.

---

WEEK 1 – Design Thinking & Human-Centered Design

Day 1: Getting Started with UX & Interaction Design

• Introduction to UX, UI & Interaction Design

• Design Thinking Basics

• Human-Centered Design

• UX Process Overview

Day 2:

• Double Diamond Framework

• Cognitive Psychology

• Mental Models

• Gestalt Principles

Day 3:

• Affordances & Signifiers

• History of Interaction Design

• Product Thinking Basics

Day 4:

• Problem Solving in UX

• Understanding User Pain Points

• Ideation Methods

Day 5:

• Rapid Sketching

• UX Brainstorming Techniques

• Concept Development

Day 6:

• Workshop: Rapid Redesign of a Real Product

---

WEEK 2 – UX Research & Problem Framing

Day 1:

• User Interviews

• Surveys & Research Methods

Day 2:

• Contextual Inquiry

• Observation Techniques

Day 3:

• Personas & Empathy Mapping

Day 4:

• Journey Mapping

• Jobs-To-Be-Done Framework

Day 5:

• Problem Statements

• UX Strategy & Framing

Day 6:

• Workshop: UX Research Sprint & Synthesis

---

WEEK 3 – Information Architecture & Wireframing

Day 1:

• Information Architecture Basics

• Navigation Systems

Day 2:

• Card Sorting

• Tree Testing

Day 3:

• Site Maps & User Flows

Day 4:

• Low Fidelity Wireframing

Day 5:

• Mid Fidelity Wireframes

• IA Patterns

Day 6:

• Workshop: FinTech App Wireframing

---

WEEK 4 – UI Design Fundamentals

Day 1:

• Typography Fundamentals

• Color Theory

Day 2:

• Visual Hierarchy

• Layout Principles

Day 3:

• Grid Systems

• Spacing Systems

Day 4:

• Atomic Design

• UI Components

Day 5:

• Component Libraries

• Style Guides

Day 6:

• Workshop: Mobile UI Design in Figma

---

WEEK 5 – Interaction Design & Motion

Day 1:

• Introduction to Interaction Design

• UX Motion Principles

Day 2:

• Micro Interactions

• State Design

Day 3:

• Animation Principles

• Timing & Easing

Day 4:

• Transitions

• Gesture-Based UX

Day 5:

• Interactive Prototype Building

Day 6:

• Workshop: Animated Prototype Design

---

WEEK 6 – Service Design

Day 1:

• Introduction to Service Design

• Systems Thinking

Day 2:

• Service Blueprinting

Day 3:

• Touchpoint Mapping

Day 4:

• Omnichannel Experience Design

Day 5:

• Customer Lifecycle & Retention Flows

Day 6:

• Workshop: Healthcare App Service Blueprint

---

WEEK 7 – Enterprise & SaaS UX

Day 1:

• Introduction to Enterprise UX

• SaaS Product UX

Day 2:

• ERP Design

• Complex Dashboard Design

Day 3:

• Stakeholder Management

Day 4:

• Design Governance

• Product Collaboration

Day 5:

• Agile Workflow for UX Teams

Day 6:

• Workshop: B2B Analytics Dashboard Redesign

---

WEEK 8 – Design Systems Engineering

Day 1:

• Introduction to Design Systems

Day 2:

• Token-Based Systems

Day 3:

• Atomic Architecture

Day 4:

• Component Documentation

Day 5:

• Design-to-Development Handoff

Day 6:

• Workshop: Scalable Design System Creation

---

WEEK 9 – AI-Augmented UX Design

Day 1:

• Introduction to AI in UX

• AI Design Workflows

Day 2:

• Figma AI

• Galileo AI

Day 3:

• Adobe Firefly

• Midjourney for UI

Day 4:

• Prompt Engineering for UI Design

Day 5:

• AI-Assisted UX Process

Day 6:

• Workshop: AI-Based App Screen Design

---

WEEK 10 – UX for AI Products

Day 1:

• UX for LLMs & Chatbots

Day 2:

• Voice Assistant UX

Day 3:

• AI Trust & Transparency

Day 4:

• Error States & Explainability

Day 5:

• Ethical AI Design

Day 6:

• Workshop: AI Productivity Tool UX

---

WEEK 11 – HTML, CSS & JavaScript for Designers

Day 1:

• HTML Structure & Semantic Tags

• Browser Fundamentals

Day 2:

• CSS Basics

• Flexbox & CSS Grid

Day 3:

• Responsive Design

• CSS Variables

Day 4:

• JavaScript Basics

• Variables & Functions

Day 5:

• DOM Manipulation

• Interactive Components

Day 6:

• Workshop: Build Interactive Landing Page

---

WEEK 12 – Accessibility & Usability Testing

Day 1:

• WCAG Guidelines

Day 2:

• Accessible UI Patterns

Day 3:

• ARIA Roles

• Keyboard Navigation

Day 4:

• Screen Reader Accessibility

Day 5:

• Moderated & Unmoderated Testing

Day 6:

• Workshop: Accessibility Audit & Usability Testing

---

WEEK 13 – Portfolio Building & Career Masterclass

Day 1:

• UX Case Study Structure

Day 2:

• Portfolio Storytelling

Day 3:

• Portfolio Website Building

Day 4:

• Resume Building

• LinkedIn Optimization

Day 5:

• Personal Branding Strategy

Day 6:

• Workshop: UX Career Preparation

---

WEEK 14 – Capstone & Mock Interviews

Day 1:

• Portfolio Review Sessions

Day 2:

• Capstone Preparation

Day 3:

• UX Presentation Skills

Day 4:

• Mock Interviews

Day 5:

• Whiteboard Design Challenges

Day 6:

• Salary Negotiation & Career Guidance

---

FINAL OUTPUT / DELIVERABLES

• UX Research Case Study
• FinTech App UX Project
• SaaS Dashboard Design
• AI Product UX Design
• Interactive Animated Prototype
• Design System Project
• Responsive Landing Page
• Accessibility Audit Report
• Portfolio Website
• Complete UX Portfolio
• Capstone Presentation

---

SOFTWARE & TOOLS COVERED

Design & Prototyping

• Figma

• ProtoPie

• Framer

• Principle

Research & Testing

• Maze

• Dovetail

• Optimal Workshop

AI & Emerging Tools

• Galileo AI

• Figma AI

• Adobe Firefly

• Midjourney

Development

• VS Code

• Chrome DevTools

• GitHub Pages

• GSAP

Collaboration

• Miro

• FigJam

• Notion

• Slack