PRODUCT DESIGN (UI/UX) - Ox Tech Academy

About Course

In this course, you will learn how to create beautiful, user-centered digital experiences from the ground up. You’ll build a strong foundation in visual design, interface principles, and UX thinking, while mastering modern tools and techniques used by product designers worldwide.

You will design clean, consistent interfaces, craft meaningful user journeys, create interactive prototypes, and apply motion and micro-animations to elevate user experiences. Hands-on projects guide you in responsive, mobile-first design, building scalable design systems, UI kits, and professional component libraries.

You’ll work with industry-standard tools like Figma, applying best practices in layout, typography, color, accessibility, and design documentation. Courses also integrate UX writing and SEO-aware design, ensuring your work is both user-friendly and business-ready.

By the end of this course, you’ll be equipped to produce polished UI/UX work, manage scalable design systems, and communicate design decisions effectively—preparing you for roles in product teams, agencies, or freelance design projects locally and globally.

Course Content

UI Design Principles (PDS 101)
Learn the foundations of design including typography, layout, spacing, grids, and color theory.

Foundations of User Interface Design
Visual Elements: Typography, Color, and Hierarchy
Structure and Layout Systems in Interface Design
Design Consistency, Patterns, and Component Behavior
Evaluation, Accessibility, and Ethical Design Practice

About Course

What Will You Learn?

Course Content

UI Design Principles (PDS 101) Learn the foundations of design including typography, layout, spacing, grids, and color theory.

Foundations of User Interface Design

Visual Elements: Typography, Color, and Hierarchy

Structure and Layout Systems in Interface Design

Design Consistency, Patterns, and Component Behavior

Evaluation, Accessibility, and Ethical Design Practice

UX Design Foundations (PDS 102) Learn how to map user journeys, create user flows, and conduct simple research.

Principles of User Experience Design

User Research Basics and Insight Discovery

Journey Mapping and Experience Analysis

User Flows and Interaction Planning

Wireframing, Feedback Loops, and Iteration

Figma for Designers (PDS 201) Learn to design professional UI screens using frames, components, auto-layout, and interactive prototypes.

Figma Workspace Fundamentals

Frames, Structure, and UI Layout Techniques

Components, Variants, and Design Libraries

Auto-Layout and Responsive Design Principles

Prototyping, Interactions, and User Flow Simulation

Figma for Interaction Design & Micro-Animation (PDS 202) Learn how to create polished interactions and micro-animations that enhance user experience.

Fundamentals of Interaction Design

Figma Interface, Tools, and Workflow Essentials

Interactive Prototyping and User Flow Structuring

Micro-Animation Techniques and Motion Principles

Testing, Refinement, and Implementation Handoff

Figma for Mobile-First & Responsive Design (PDS 301) Learn how to design interfaces that adapt smoothly across mobile, tablet, and deskto

Principles of Mobile-First and Responsive UI Design

Figma Workspace, Tools, and Component Systems

Designing for Mobile Apps, Tablet Screens, and Desktop Interfaces

Responsive Prototyping and Interactive Flows

Testing, Handoff, and Best Practices for Real-World Projects

Design Systems & UI Kits (PDS 302) Learn how to build consistent UI systems using reusable components, design tokens, and style guides.

Foundations of Design Systems and Product Consistency

Design Tokens and Visual Language Architecture

Components, Patterns, and Reusable UI Structures

Style Guides, Documentation, and Team Collaboration

System Governance, Versioning, and Continuous Improvement

UI Design Principles (PDS 101)
Learn the foundations of design including typography, layout, spacing, grids, and color theory.

UX Design Foundations (PDS 102)
Learn how to map user journeys, create user flows, and conduct simple research.

Figma for Designers (PDS 201)
Learn to design professional UI screens using frames, components, auto-layout, and interactive prototypes.

Figma for Interaction Design & Micro-Animation (PDS 202)
Learn how to create polished interactions and micro-animations that enhance user experience.

Figma for Mobile-First & Responsive Design (PDS 301)
Learn how to design interfaces that adapt smoothly across mobile, tablet, and deskto

Design Systems & UI Kits (PDS 302)
Learn how to build consistent UI systems using reusable components, design tokens, and style guides.