Design
UI/UX - Product Design
Design digital products people love to use. Learn end-to-end product design: research, UX, UI, prototyping, and design systems. You'll use Figma to design real products and build a portfolio that gets you hired.
12 weeks Beginner to Job-ready Online, live + self-paced
Enrol now
Course overview
This course teaches students how to design modern digital products such as websites, mobile applications, SaaS platforms, and enterprise solutions using industry-standard UI/UX methodologies.
Students will learn how to transform ideas into user-centered products through research, ideation, interface design, prototyping, testing, and collaboration with developers and product teams.
Learning outcomes
- Run user research and define problems
- Design intuitive UX flows
- Create beautiful, consistent UI
- Prototype and test with users
- Build a strong design portfolio
Career opportunities
Product Designer UX Designer UI Designer UX Researcher Design Freelancer
Career pathway
- Start: Junior Product Designer
- Grow: Senior Product / UX Designer
- Lead: Design Lead / Head of Design
- Alt: Freelance / design consultant
Course modules
1 Introduction to UI/UX Product Design & Design Thinking
Introduction to Product Design
• Understanding Product Design
• Difference between UI Design, UX Design, and Product Design
• Role of a Product Designer
• Product design lifecycle
• Digital product ecosystem
• Types of digital products:
o Mobile applications
o Websites
o SaaS platforms
o Enterprise systems
o E-commerce platforms
Design Thinking Framework
• Introduction to Design Thinking
• Human-centered design approach
• The 5 stages of Design Thinking:
1. Empathize
2. Define
3. Ideate
4. Prototype
5. Test
o Problem framing
o Design challenges
o Understanding business goals vs user needs
• Understanding Product Design
• Difference between UI Design, UX Design, and Product Design
• Role of a Product Designer
• Product design lifecycle
• Digital product ecosystem
• Types of digital products:
o Mobile applications
o Websites
o SaaS platforms
o Enterprise systems
o E-commerce platforms
Design Thinking Framework
• Introduction to Design Thinking
• Human-centered design approach
• The 5 stages of Design Thinking:
1. Empathize
2. Define
3. Ideate
4. Prototype
5. Test
o Problem framing
o Design challenges
o Understanding business goals vs user needs
2 UX Research & Understanding Users
User Research Fundamentals
• Importance of UX research
• Qualitative vs quantitative research
• Research methods:
• User interviews
• Surveys
• Observation
• Competitor analysis
• Market research
• Creating research questions
User Personas & Empathy Mapping
• Understanding users
• Creating user personas
• User goals and frustrations
• Empathy maps
• Customer journey maps
• Importance of UX research
• Qualitative vs quantitative research
• Research methods:
• User interviews
• Surveys
• Observation
• Competitor analysis
• Market research
• Creating research questions
User Personas & Empathy Mapping
• Understanding users
• Creating user personas
• User goals and frustrations
• Empathy maps
• Customer journey maps
3 Information Architecture & UX Strategy
User Flows & Customer Journey Mapping
• Understanding user journeys
• User flow diagrams
• Task analysis
• Conversion paths
• Happy path vs edge cases
Information Architecture (IA)
• Organizing digital products
• Sitemap creation
• Navigation patterns
• Content hierarchy
• Card sorting
• Understanding user journeys
• User flow diagrams
• Task analysis
• Conversion paths
• Happy path vs edge cases
Information Architecture (IA)
• Organizing digital products
• Sitemap creation
• Navigation patterns
• Content hierarchy
• Card sorting
4 Wireframing & UX Planning
Sketching & Low-Fidelity Wireframes
• Why wireframes matter
• Paper sketching
• Low-fidelity design
• Layout planning
• User interaction planning
Tools:
• Figma
• FigJam
Digital Wireframing
• Creating wireframes in Figma
• Frames and layouts
• UI structure
• Responsive considerations
• Why wireframes matter
• Paper sketching
• Low-fidelity design
• Layout planning
• User interaction planning
Tools:
• Figma
• FigJam
Digital Wireframing
• Creating wireframes in Figma
• Frames and layouts
• UI structure
• Responsive considerations
5 UI Design Foundations
Visual Design Principles
• UI design principles
• Visual hierarchy
• Balance and alignment
• Contrast
• White space
• Consistency
Typography, Color & Branding
• Color psychology
• Creating color palettes
• Typography systems
• Font pairing
• Brand identity application
• UI design principles
• Visual hierarchy
• Balance and alignment
• Contrast
• White space
• Consistency
Typography, Color & Branding
• Color psychology
• Creating color palettes
• Typography systems
• Font pairing
• Brand identity application
6 Figma Mastery for Product Designers
Introduction to Figma
• Figma interface
• Frames
• Layers
• Assets
• Components
• Styles
Advanced Figma Features
• Auto Layout
• Variants
• Components
• Constraints
• Variables
• Design libraries
• Figma interface
• Frames
• Layers
• Assets
• Components
• Styles
Advanced Figma Features
• Auto Layout
• Variants
• Components
• Constraints
• Variables
• Design libraries
7 Responsive Design & Mobile Product Design
Responsive Web Design
• Desktop vs mobile design
• Responsive layouts
• Breakpoints
• Grid systems
• Mobile-first design
Mobile App Design Principles
• Android design principles
• iOS Human Interface Guidelines
• Touch interactions
• Mobile navigation patterns
• Desktop vs mobile design
• Responsive layouts
• Breakpoints
• Grid systems
• Mobile-first design
Mobile App Design Principles
• Android design principles
• iOS Human Interface Guidelines
• Touch interactions
• Mobile navigation patterns
8 Interaction Design & Prototyping
Interaction Design
• User interactions
• Feedback systems
• Micro-interactions
• Animation principles
• UX psychology
• Hick's Law
• Fitts's Law
• Jakob's Law
• Gestalt Principles
High-Fidelity Prototyping
• Creating clickable prototypes
• Prototype transitions
• Interactive components
• User scenarios
• User interactions
• Feedback systems
• Micro-interactions
• Animation principles
• UX psychology
• Hick's Law
• Fitts's Law
• Jakob's Law
• Gestalt Principles
High-Fidelity Prototyping
• Creating clickable prototypes
• Prototype transitions
• Interactive components
• User scenarios
9 Design Systems & Component Libraries
Introduction to Design Systems
• What is a design system?
• Benefits of design systems
• Brand consistency
• Design tokens
Building a Design System
Creating:
• Buttons
• Forms
• Cards
• Navigation
• Icons
• Components
• Color systems
• What is a design system?
• Benefits of design systems
• Brand consistency
• Design tokens
Building a Design System
Creating:
• Buttons
• Forms
• Cards
• Navigation
• Icons
• Components
• Color systems
10 Usability Testing, Accessibility & AI in UX
Usability Testing
• Importance of testing
• Testing methods
• Moderated testing
• Remote testing
• Gathering feedback
• Iterative improvement
Accessibility & Inclusive Design
• Accessibility principles
• WCAG guidelines
• Designing for disabilities
• Inclusive design
• Ethical UX
• Importance of testing
• Testing methods
• Moderated testing
• Remote testing
• Gathering feedback
• Iterative improvement
Accessibility & Inclusive Design
• Accessibility principles
• WCAG guidelines
• Designing for disabilities
• Inclusive design
• Ethical UX
11 Product Thinking, AI Tools & Developer Collaboration
Product Management for Designers
• Product strategy
• Business requirements
• Product roadmap
• MVP design
• Measuring success
Metrics:
• User retention
• Conversion rate
• Engagement
• Customer satisfaction
AI-Assisted Product Design
Topics:
• AI in modern UX workflows
• AI research assistants
• AI wireframing tools
• Generating design ideas
• UX writing with AI
• Prompting for designers
Tools:
• ChatGPT
• Figma AI
• Galileo AI
• Uizard
• Product strategy
• Business requirements
• Product roadmap
• MVP design
• Measuring success
Metrics:
• User retention
• Conversion rate
• Engagement
• Customer satisfaction
AI-Assisted Product Design
Topics:
• AI in modern UX workflows
• AI research assistants
• AI wireframing tools
• Generating design ideas
• UX writing with AI
• Prompting for designers
Tools:
• ChatGPT
• Figma AI
• Galileo AI
• Uizard
12 Portfolio Development & Final Capstone Presentation
Developer Handoff & Career Preparation
• Working with developers
• Design specifications
• Exporting assets
• Figma Dev Mode
• Documentation
• Version control
• Working with developers
• Design specifications
• Exporting assets
• Figma Dev Mode
• Documentation
• Version control
Salary trend
Entry level₦180k–₦380k/mo or more
Mid level₦450k–₦850k/mo or more
Senior level₦1M+/mo or more
Estimated Nigerian market ranges; varies by role, company, and experience.
Ready to start your UI/UX - Product Design journey?
Seats for the next cohort are limited. Secure yours today or talk to an advisor first.
This cohort is full
Join the waitlist and we'll contact you first when a seat opens or the next cohort is scheduled.