About the course

1. Foundations (Weeks 1–2)

Focus: Design Thinking, UX Principles, IxD Theory

Design Thinking & Human-Centred Design

• Double Diamond Framework and Design Process
• Human-Centred Design Principles
• Cognitive Psychology in Design
• Mental Models, Gestalt Principles, Affordances
• History of Interaction Design (Xerox PARC to Apple Vision Pro)

UX Foundations & Research Methods

• User Research Fundamentals
• User Interviews and Surveys
• Contextual Inquiry Methods
• Personas and User Archetypes
• Empathy Mapping Techniques
• Customer Journey Mapping
• Jobs-to-be-Done Framework
• Problem Framing and Opportunity Identification

---

2. UI & IxD Core (Weeks 3–5)

Focus: Visual Design, Wireframing, Motion, Prototyping

Information Architecture & Wireframing

• Information Architecture Fundamentals
• Card Sorting Methods
• Tree Testing Techniques
• Site Mapping and Navigation Structures
• Low-Fidelity Wireframing
• Mid-Fidelity Wireframing
• Navigation Systems
• IA Patterns and Best Practices

UI Design Fundamentals

• Typography Principles
• Color Theory for Digital Products
• Visual Hierarchy
• Layout and Grid Systems
• Spacing and Alignment
• Atomic Design Principles
• Component Libraries
• Style Guides and UI Standards

Interaction Design & Motion

• Five Dimensions of Interaction Design
• Micro-Interactions
• State Design and Feedback Systems
• Animation Principles
• Easing and Timing
• Motion Transitions
• Gesture-Based User Experiences
• Feedback Loops in Digital Products

---

3. Service & Enterprise (Weeks 6–8)

Focus: Systems Thinking, B2B UX, Omnichannel Design Systems

Service Design

• Service Design Fundamentals
• Service Blueprinting
• Touchpoint Mapping
• Omnichannel Experience Design
• Digital and Physical Experience Integration
• Customer Lifecycle Mapping
• Retention and Loyalty Flows

Enterprise & B2B UX

• Enterprise UX Principles
• SaaS Product Design
• ERP System Design
• Complex Dashboard Design
• Stakeholder Management
• Design Governance
• Cross-Functional Collaboration
• Design in Agile Product Organizations

Design Systems Engineering

• Design System Fundamentals
• Token-Based Design Systems
• Atomic Architecture
• Component Documentation
• Design Governance Frameworks
• Design-to-Development Handoff
• Design System Maintenance and Scaling
• Collaboration Between Designers and Developers
   

  4. AI in IxD Design (Weeks 9–10)

  Focus: GenAI Tools, UX for AI Products, Ethics

  AI-Augmented Design Workflows

• Introduction to AI in Design
• Overview of AI-Powered Design Tools
• Galileo AI for UI Generation
• Uizard for Rapid Prototyping
• Adobe Firefly for Creative Design
• Midjourney for UI Inspiration
• Figma AI Plugins and Integrations
• AI-Assisted Design Acceleration
• Prompt Engineering for UI Generation
• Best Practices for AI-Augmented Workflows

• Designing UX for AI Products

• Fundamentals of AI Product Design
• UX for Large Language Models (LLMs)
• Conversational UX for Chatbots
• Voice Assistant Experience Design
• Designing for AI Uncertainty
• Error States and Recovery Flows
• Trust Indicators and Transparency
• Ethical AI Design Principles
• Bias Detection and Mitigation
• Explainable and Responsible AI Systems

• ---

  5. UI Development Basics (Week 11)

  Focus: HTML, CSS & JavaScript for Designers – Bridging the Design–Development Gap

  Day 1: HTML & CSS Foundations

• Understanding How the Web Works
• Browsers and Rendering Engines
• Document Object Model (DOM)
• Rendering Pipeline Basics
• HTML5 Semantic Structure
• Header, Navigation, Main, Section Elements
• CSS Fundamentals
• Box Model Concepts
• Flexbox Layout System
• CSS Grid Layout
• Responsive Design Principles
• Breakpoints and Media Queries
• CSS Custom Properties (Variables)

• Day 2: JavaScript Basics & UI Interactions

• JavaScript Fundamentals
• Variables and Data Types
• Functions and Events
• DOM Selection and Manipulation
• Event Handling Techniques
• Interactive UI Components
• Toggle Menus
• Modal Windows
• Tabs and Accordions
• CSS vs JavaScript Animations
• Choosing Appropriate Animation Methods
• Introduction to Component-Based Thinking
• Connecting Design Systems with Code

• ---

  6. Accessibility (Week 12)

  Focus: Inclusive Design, WCAG Standards, Real User Testing

  Accessibility & Usability Testing

• Introduction to Accessibility Design
• WCAG 2.1 / 3.0 Standards Overview
• Accessibility Compliance Levels (A, AA, AAA)
• Accessible HTML Patterns
• ARIA Roles and Landmarks
• Keyboard Navigation Design
• Skip Links and Accessibility Enhancements
• Screen Reader Compatibility
• Color Contrast Ratios and Testing
• Accessible Form Design
• Inclusive User Interface Practices
• Moderated Usability Testing
• Unmoderated Usability Testing
• Testing Protocol Development
• System Usability Scale (SUS) Scoring
• Accessibility Audit and Reporting
   
   

  7. Portfolio, Career & Capstone (Weeks 13–14)

  Focus: Case Studies, Code Portfolio, Job Preparation, Industry Showcase

  Portfolio Building & Career Masterclass

  Topics

  • World-Class UX Case Study Structure – The 7-Section Formula
  • Storytelling for Portfolio Development
  • Transforming Research into a Polished Narrative
  • Publishing Your Coded Portfolio
    • GitHub Pages
    • Vercel
  • Resume Building for UX/UI Designers
  • LinkedIn Optimization
  • Cold Outreach Strategies
  • Personal Branding for Designers
  • Career Strategy for 2026 and Beyond

  ---

  Capstone Showcase & Mock Interviews

  Topics

  • Final Portfolio Review
    • Written Mentor Feedback on All 6 Projects
  • Capstone Project Presentation
    • Present Full Portfolio to a Live Panel of Industry Designers
  • Mock Design Interviews
    • Portfolio Walkthrough Sessions
    • Live Whiteboard Challenge
  • Career Readiness
    • Salary Negotiation Techniques
    • Offer Evaluation Framework
    • First 90 Days as a Designer