Product Design (UI/UX) - Oxtech Academy

About Course

This practical 12-week Product Design (UI/UX) programme is designed to take complete beginners from zero experience to confidently designing modern digital products. You will learn the complete UI/UX design process, from understanding users and creating wireframes to designing beautiful interfaces and interactive prototypes using Figma.

Throughout the programme, you will build responsive websites, mobile app interfaces, design systems, and real-world projects while learning industry best practices in user experience, visual design, and usability. Every lesson combines practical demonstrations with hands-on assignments to help you develop the skills employers and clients are looking for.

This is not a theory-only course. Each week includes practical projects that gradually build your portfolio, leading to a complete UI/UX case study and capstone project that showcases your ability to solve real design problems.

Understand the fundamentals of UI, UX, and Product Design.
Master Figma and confidently use its essential design features.
Apply typography, colour theory, spacing, layouts, and visual hierarchy.
Conduct basic UX research and create user personas and user flows.
Design low-fidelity and high-fidelity wireframes.
Build responsive websites and mobile app interfaces.
Create reusable UI components and scalable design systems.
Build interactive prototypes using Smart Animate and transitions.
Present design decisions through professional case studies.
Prepare design files for developer handoff.
Build a portfolio of real-world UI/UX projects ready for employers or clients.

Course Content

Week 1: Foundations of UI/UX & Introduction to Figma
You will be introduced to the basic principles of product design and how UI/UX helps create digital products that are useful, simple, and easy to use. This section will help you understand the difference between User Interface and User Experience, the role of a product designer, and how design decisions affect users. You will also get started with Figma, learning how to navigate the workspace, use basic tools, create simple layouts, and begin building your confidence as a UI/UX designer.

Module 1 – Understand UI, UX, and Product Design

29:21
Module 1 Quiz
Module 2 – The Product Design Process

28:33
Module 2 Quiz
Module 3 – The Good and Bad Design

21:51
Module 3 Quiz
Module 4 – Introduction to Figma

19:16
Module 4 Quiz
Module 5 – Getting Ready to Use Figma

01:05:24
Module 5 Quiz

Week 2: Design Fundamentals
You will be introduced to the basic principles that guide good visual and product design. This section helps you understand how elements like color, typography, spacing, alignment, hierarchy, balance, and consistency affect the way users experience a digital product. By the end, you will know how to create cleaner, more organized, and user-friendly designs that look professional and are easy to understand.

Module 6 – Visual Hierarchy

01:05:30
Module 6 Quiz
Module 7 – Typography

35:38
Module 7 Quiz
Module 8 – Color Theory

39:34
Module 8 Quiz
Module 9 -Spacing, Alignment & Layout

35:38
Module 9 Quiz
Module 10 – Grids, Icons & Imagery

52:46
Module 10 Quiz

Week 3: UX Research & Wireframing
You will understand how to study users, identify their needs, and turn those insights into clear design ideas. This section introduces the basics of UX research, user problems, user flows, and wireframing, helping you plan how a product should work before moving into full visual design. By the end, you will be able to create simple wireframes that show the structure, layout, and user journey of a digital product.

Module 11 – Introduction to UX Research

34:36
Module 11 quiz
Module 12 – Understanding Users & User Personas

20:26
Module 12 Quiz
Module 13 – User Journey & User Flow

20:36
Module 13 Quiz
Module 14 – Information Architecture

25:58
Module 14 Quiz
Module 15 – Wireframing

25:14
Module 15 Quiz

Week 4: Mastering Figma
You will go deeper into Figma and learn how to use its core design tools more professionally. This week covers frames, shapes, text, Auto Layout, constraints, components, effects, styles, plugins, assets, libraries, exporting, and how to build reusable UI elements that make your design process faster and more efficient.

Module 16 – Master Figma

25:15
Module 16 Quiz – Mastering Figma
Module 17 – Auto Layout

31:55
Module 17 Quiz – Auto Layout
Module 18 – Constraints

43:10
Module 18 Quiz – Constraints
Module 19 – Components

49:44
Module 19 Quiz – Components
Module 20 – Styles, Plugins & Organization

01:01:02
Module 20 Quiz – Styles, Plugins & Organization

Week 5: Mobile App UI Design
You will start designing modern mobile app interfaces using the skills you have built so far. This week focuses on creating forms, buttons, cards, navigation systems, lists, dialogs, dashboards, and clean mobile screens while applying best practices for user-friendly app design.

Module 21 – Mobile App UI Design

42:59
Module 21 Quiz – Mobile App UI Design
Module 22 – Designing Common UI Components

28:05
Module 22 Quiz – Designing Common UI Components
Module 23 – Designing a complete screen

48:55
Module 23 – Practical
Module 24 – Consistency & Design Best Practices

29:49
Module 24 – Consistency & Design Best Practices
Module 25 – Designing for Usability & Accessibility

37:18
Module 25 – Designing for Usability & Accessibility

Week 6: Responsive Website Design
You will learn how to design websites that work well across desktop, tablet, and mobile screens. This week covers responsive layouts, landing pages, business website sections, grids, and Auto Layout, helping you create flexible website designs that look good on different screen sizes.

Module 26 – Principles of Responsive Web Design?

39:14
Module 26 Quiz – Responsive Website Design
Module 27 – Website Layout & Structure

33:35
Module 27 – Website Layout & Structure
Module 28 – Designing Great Website Experiences

35:57
Module 28 – Designing Great Website Experiences
Module 29 – Responsive Thinking

35:36
Module 29 – Responsive Thinking
Module 30 – Evaluating and Improving Responsive Designs

31:03
Module 30 – Evaluating and Improving Responsive Designs

Week 7: Design Systems & Interactive Prototyping
You will understand how to build scalable design systems and create interactive product experiences. This week covers color styles, typography styles, reusable components, Smart Animate, transitions, prototyping, and developer handoff, helping you design in a more structured and professional way.

Module 31 – UNDERSTANDING DESIGN SYSTEMS

30:50
Module 31 – Understanding Design Systems
Module 32 – BUILDING A SIMPLE DESIGN SYSTEM

29:26
Module 32 Quiz – Building a Simple Design System
Module 33 – BUILDING REUSABLE COMPONENTS

23:07
Module 33 – Building Reusable Component
Module 34 – INTERACTIVE PROTOTYPING

23:44
Moduke 34 Quiz – Interactive Prototyoing
Module 35 – DEVELOPER HANDOFF & DESIGN DELIVERY

30:11
Module 35 Quiz : Developer Handoff & Design Delivery

Week 8: Portfolio Development & Product Presentation
You will prepare your designs for presentation, portfolio use, and real-world opportunities. This week covers UI/UX case studies, file organization, project presentation, design decision-making, portfolio-ready projects, and how to position yourself for freelance or entry-level product design opportunities.

Module 36- UNDERSTANDING UX/UI CASE STUDIES

26:59
Module 36 Quiz – Build professional UI/UX case studies
Module 37 – BUILDING A PROFESSIONAL CASE STUDY

25:15
Module 37 Quiz – Building a Professional Case Study
Module-38 ORGANIZING & PRESENTING YOUR DESIGN WORK

24:51
Module 38 Quiz – Organizing & Presenting Your Design Work
Module 39 – CREATING A PORTFOLIO READY PROJECT

21:28
Module 39 Quiz – CREATING A PORTFOLIO READY PROJECT
Module 40 – FREELANCING & STARTING YOUR DESIGN CAREER

33:34
Module 40 Quiz – Freelancing & Starting Your Design Career

Week 9: Review & Revision
You will revisit the key areas covered in the Product Design course and strengthen your understanding before moving into the final project stage. This section helps you review important UI/UX concepts, Figma skills, design principles, wireframing, prototyping, responsive design, and portfolio preparation so you can identify what needs improvement and prepare with more confidence.

Week 10: Peer Review & Capstone Preparation
You will review your design work with your peers, receive constructive feedback, and make final improvements before starting your capstone project. This section helps you refine your design decisions, improve your screens, organize your Figma files, and prepare to apply everything you have learned in a complete product design project.

Week 11: Capstone Submission & Final Examination
You will submit your final Product Design project and complete an examination to demonstrate your understanding of the course. This stage assesses your ability to research, wireframe, design, prototype, organize your files, explain your design decisions, and present a complete UI/UX project professionally.

Week 12: Graduation & Certificate Preparation
You will complete the final requirements for the Product Design course, including project confirmation, exam review, file checks, and certificate processing. This section marks the completion of your learning journey and prepares you to showcase your UI/UX skills, portfolio work, and readiness for freelance or entry-level design opportunities.

About Course

What Will You Learn?

Course Content

Module 1 – Understand UI, UX, and Product Design

Module 1 Quiz

Module 2 – The Product Design Process

Module 2 Quiz

Module 3 – The Good and Bad Design

Module 3 Quiz

Module 4 – Introduction to Figma

Module 4 Quiz

Module 5 – Getting Ready to Use Figma

Module 5 Quiz

Module 6 – Visual Hierarchy

Module 6 Quiz

Module 7 – Typography

Module 7 Quiz

Module 8 – Color Theory

Module 8 Quiz

Module 9 -Spacing, Alignment & Layout

Module 9 Quiz

Module 10 – Grids, Icons & Imagery

Module 10 Quiz

Module 11 – Introduction to UX Research

Module 11 quiz

Module 12 – Understanding Users & User Personas

Module 12 Quiz

Module 13 – User Journey & User Flow

Module 13 Quiz

Module 14 – Information Architecture

Module 14 Quiz

Module 15 – Wireframing

Module 15 Quiz

Module 16 – Master Figma

Module 16 Quiz – Mastering Figma

Module 17 – Auto Layout

Module 17 Quiz – Auto Layout

Module 18 – Constraints

Module 18 Quiz – Constraints

Module 19 – Components

Module 19 Quiz – Components

Module 20 – Styles, Plugins & Organization

Module 20 Quiz – Styles, Plugins & Organization

Module 21 – Mobile App UI Design

Module 21 Quiz – Mobile App UI Design

Module 22 – Designing Common UI Components

Module 22 Quiz – Designing Common UI Components

Module 23 – Designing a complete screen

Module 23 – Practical

Module 24 – Consistency & Design Best Practices

Module 24 – Consistency & Design Best Practices

Module 25 – Designing for Usability & Accessibility

Module 25 – Designing for Usability & Accessibility

Module 26 – Principles of Responsive Web Design?

Module 26 Quiz – Responsive Website Design

Module 27 – Website Layout & Structure

Module 27 – Website Layout & Structure

Module 28 – Designing Great Website Experiences

Module 28 – Designing Great Website Experiences

Module 29 – Responsive Thinking

Module 29 – Responsive Thinking

Module 30 – Evaluating and Improving Responsive Designs

Module 30 – Evaluating and Improving Responsive Designs

Module 31 – UNDERSTANDING DESIGN SYSTEMS

Module 31 – Understanding Design Systems

Module 32 – BUILDING A SIMPLE DESIGN SYSTEM

Module 32 Quiz – Building a Simple Design System

Module 33 – BUILDING REUSABLE COMPONENTS

Module 33 – Building Reusable Component

Module 34 – INTERACTIVE PROTOTYPING

Moduke 34 Quiz – Interactive Prototyoing

Module 35 – DEVELOPER HANDOFF & DESIGN DELIVERY

Module 35 Quiz : Developer Handoff & Design Delivery

Module 36- UNDERSTANDING UX/UI CASE STUDIES

Module 36 Quiz – Build professional UI/UX case studies

Module 37 – BUILDING A PROFESSIONAL CASE STUDY

Module 37 Quiz – Building a Professional Case Study

Module-38 ORGANIZING & PRESENTING YOUR DESIGN WORK

Module 38 Quiz – Organizing & Presenting Your Design Work

Module 39 – CREATING A PORTFOLIO READY PROJECT