UI/UX Design Course
Duration: 90 Days
Level: Beginner to Professional UI/UX Designer
Training: Practical and Project-Based
Tools: Figma, Adobe XD, Sketch, InVision, Principle,
Miro, Zeplin, Maze, Lookback, Behance and Dribbble
Phase 1: Foundations – Days 1 to 15
- What is User Experience Design?
- What is User Interface Design?
- Differences between UX and UI
- UX design process and principles
- Design thinking methodology
- Human-Computer Interaction basics
- Overview of Figma, Adobe XD and Sketch
- Understanding users and user-centred design
- Qualitative and quantitative UX research
- Empathy mapping
- Creating user personas
- User journey mapping
- Information architecture basics
- Create two detailed user personas
- Map a basic user journey for a
sample mobile application
Phase 2: Research and Ideation – Days 16 to 30
- Conducting user interviews
- Creating and conducting surveys
- Analysing user research data
- Competitive analysis
- Benchmarking competitor products
- Defining problem statements
- Setting UX design goals
- Brainstorming and ideation techniques
- Paper sketching
- Creating low-fidelity wireframes
- Visual hierarchy principles
- Grid and layout systems
- Introduction to Figma
- Introduction to Adobe XD
- Low-fidelity wireframes for a
simple application
- Competitive analysis report
Phase 3: UI Design Principles – Days 31 to 45
- Colour theory
- Colour psychology
- Typography and readability
- Iconography
- Image selection and usage
- Spacing and alignment
- Creating visual hierarchy
- Designing buttons
- Designing forms and input fields
- Navigation bars and menus
- Responsive design principles
- Mobile-first design approach
- Using UI kits
- Creating design systems
- Web accessibility and WCAG basics
- Create a style guide for the
sample application
- Create a basic design system with
reusable components
Phase 4: Prototyping and Testing – Days 46 to 60
- Creating clickable prototypes in Figma
- Creating interactive prototypes in Adobe XD
- Connecting screens and user flows
- Microinteractions
- Motion design basics
- Advanced prototyping
- Creating conditional flows
- Introduction to usability testing
- Moderated usability testing
- Unmoderated usability testing
- Preparing usability test scenarios
- Creating usability testing tasks
- Recording user feedback
- Analysing usability test results
- Improving the design based on feedback
- Interactive prototype of the
sample application
- Usability testing report
Phase 5: Advanced Concepts and Final Project – Days 61 to 75
- Introduction to UX strategy
- Net Promoter Score
- System Usability Scale
- Task success rate
- Design sprints
- Agile UX
- UX writing
- Microcopy writing
- Collaborating with developers
- Introduction to motion design
- Using After Effects or Principle
- Design handoff using Zeplin
- Design handoff using Figma Inspect
- Voice User Interface design
- AR and VR design basics
- Artificial Intelligence in UX Design
- Current UI/UX design trends
- Complete a final complex mobile
application or website project
- Create documented UX strategy
for the final project
Phase 6: Portfolio and Career Preparation – Days 76 to 90
- Selecting suitable projects for a UI/UX portfolio
- Writing professional UX case studies
- Presenting the design process
- Explaining research, wireframes and final designs
- Creating an online portfolio
- Publishing projects on Behance
- Publishing designs on Dribbble
- UI/UX resume preparation
- LinkedIn profile optimisation
- Mock interview preparation
- Whiteboard design challenges
- Freelance UI/UX career opportunities
- Full-time UI/UX design roles
- UI/UX certifications
- Joining UI/UX design communities
- Professional portfolio with
two to three case studies
- Mock interview session
- LinkedIn-ready UI/UX resume
Tools Covered
- Figma
- Adobe XD
- Sketch
- InVision
- Principle
- Miro
- Zeplin
- Maze
- Lookback
- Figma Inspect
- Behance
- Dribbble
UI/UX Design Projects
- Mobile application UX research project
- User persona and journey mapping project
- Low-fidelity wireframe project
- Responsive website UI design
- Mobile application design system
- Clickable application prototype
- Usability testing project
- Complete mobile application or website
case study
Course Learning Outcomes
After completing this UI/UX Design course,
students will be able to:
- Understand the complete UX design process
- Conduct user interviews, surveys and
competitive analysis
- Create user personas and journey maps
- Design wireframes and responsive
user interfaces
- Create design systems and reusable
UI components
- Build interactive prototypes using
Figma and Adobe XD
- Conduct usability testing and improve designs
- Collaborate effectively with developers
- Create professional UI/UX case studies
- Build a job-ready UI/UX design portfolio