Session 1
• Difference between UI, UX and CX.
• Design Thinking
• Heuristic Evaluation: Good vs. Bad Interfaces
Session 2
• Topic Selection: Brainstorm & vote
• Defining the End User
• Problem Statement
Session 3
• Figma Interface Tour (frames, layers, tools)
• Wireframing Basics in Figma
• User Research Techniques (interviews, surveys, desk)
Session 4
• Empathy Mapping Workshop
• Persona Creation
• Target User Scenarios & Contexts
Session 5
• User Journey Map (current & future state)
• Information Architecture
• User Flow Diagram for MVP
Session 6
• Sketching Ideas (Crazy-8s, storyboards)
• Wireframing Core Screens in Figma
• Clickable Low-Fi Prototypes (linking screens)
Session 7
• Creating Moodboards in Figma
• UI Foundations: Color, Typography, Spacing
• Build a Mini Style Guide / Tokens
Session 8
• Converting Wireframes to UI Designs
• Components, Variants, Auto Layout
• Components, Variants, Auto Layout
Session 9
• Smart Animate, Overlays, Interactive Components
• Usability Testing: Plan, Run & Capture Insights
• Iterating on Feedback
Session 10
• Build Case Study: Problem → Process → Solution
• Final Touches, Polish, QA & Dev Handoff Prep
• Demo Day Presentations + Peer Feedback