UI/UX Design Developer Training – Full Course Curriculum

Module 1: Introduction to UI/UX Design

• What is UI/UX?
• Difference between UI and UX
• Design Thinking Process
• User-Centered Design (UCD)
• Human-Computer Interaction (HCI)
• Career Scope in UI/UX Design

Module 2: UX Research & Analysis

• Understanding User Needs
• Market & Competitor Analysis
• Creating Personas
• User Journey Mapping
• Empathy Mapping
• User Flow Diagrams
• Heuristic Evaluation

Module 3: Wireframing & Prototyping

• Low-fidelity Wireframes
• High-fidelity Wireframes
• Sketching & Layout Planning
• Interactive Prototypes
• Clickable Prototypes
• Design Grids & Spacing

Module 4: Visual Design (UI)

• UI Principles (Color, Typography, Layout)
• Consistency & Design Systems
• Accessibility Guidelines (WCAG)
• Icons & Illustrations
• Responsive Design (Mobile, Tablet, Desktop)
• Micro interactions & Animations

Module 5: Tools & Software Training

• Designing in Figma
• Prototyping with Adobe XD
• UI layout in Sketch App (for macOS users)
• Illustration using Adobe Illustrator
• Image editing using Adobe Photoshop
• Animation using Principle / After Effects (optional)
• Flowcharts using Miro / Whimsical / Lucid chart

Module 6: Frontend Integration Basics

• HTML / CSS / Basic JavaScript overview
• Handoff via Zeplin / Avocode / Figma Inspect
• Using Design Tokens / Variables

Module 7: Usability Testing & Feedback

• Types of Testing (A/B Testing, Remote, In-person)
• Usability Metrics
• Gathering Feedback
• Iterative Design Process

Module 8: UI/UX Project & Portfolio

• Working on a Real-Time UI/UX Project
• End-to-end Mobile App or Web App Design
• Creating Case Studies
• Building a Portfolio Website (on Behance, Dribbble, or personal domain)
• Resume & Interview Preparation for UI/UX Roles

What You’ll Achieve by End of Course

✅ Complete portfolio with 1–2 real-time projects
✅ Mastery of top UI/UX tools like Figma & Adobe XD
✅ Practical knowledge of UX research & visual systems
✅ Job readiness for roles like:

• UI Designer
• UX Designer
• Product Designer
• Visual Designer