Introduction to UI/UX Design – 10-Session Bootcamp

This 10-session Introduction to UI/UX Design Bootcamp is designed for beginners who want to learn the principles of User Interface (UI) and User Experience (UX) design. Through hands-on exercises, real-world case studies, and interactive projects, participants will develop the skills needed to create user-friendly, aesthetically pleasing, and effective digital experiences. By the end of the course, students will have built a wireframe and prototype for a web or mobile app.

Course Outline

Session 1: Introduction to UI/UX Design

  • What is UI/UX, and why does it matter?
  • Differences between UI design and UX design
  • Examples of great UI/UX in real-world applications

Session 2: Understanding Users – Research & Personas

  • Conducting user research and gathering insights
  • Creating user personas to define audience needs
  • Understanding user journeys and behavior

Session 3: UX Fundamentals – Information Architecture & Wireframing

  • Structuring content with Information Architecture (IA)
  • Basics of wireframing and sketching user flows
  • Tools for wireframing: Figma, Adobe XD, or Sketch

Session 4: UI Fundamentals – Visual Design Principles

  • Principles of good UI design: color, typography, spacing
  • Creating style guides for consistency
  • Design tools overview: Figma, Adobe XD, Sketch

Session 5: UX Interaction Design & Prototyping Basics

  • Designing intuitive navigation and interaction patterns
  • Introduction to prototyping using Figma or Adobe XD
  • Hands-on: Creating a clickable wireframe prototype

Session 6: Responsive & Accessible Design

  • Designing for mobile, tablet, and desktop
  • Understanding WCAG accessibility guidelines
  • Creating inclusive user experiences

Session 7: Usability Testing & Iteration

  • How to conduct usability testing
  • Gathering feedback and iterating on designs
  • Common UI/UX mistakes and how to fix them

Session 8: UI Components & Design Systems

  • Understanding UI components (buttons, forms, cards)
  • How to use and create design systems
  • Hands-on: Building a design system for a project

Session 9: UX Writing & Microinteractions

  • Writing clear, user-friendly microcopy
  • The role of microinteractions in UI design
  • Creating engaging user experiences with animations

Session 10: Final Project & Portfolio Building

  • Applying skills to design a real-world UI/UX project
  • Best practices for creating a design portfolio
  • Next steps: Career paths in UI/UX design

Who Should Attend?

  • Beginners interested in UI/UX design
  • Graphic designers looking to transition into digital design
  • Entrepreneurs and product managers who want to improve user experience
  • Developers seeking to understand design principles

This bootcamp takes a hands-on, project-based approach, ensuring participants learn by designing real-world UI/UX projects. By the end of the course, students will have a solid foundation in UI/UX and a prototype for their portfolio.