dots bg

UI/UX Design

UX/UI Design program is designed to equip students with the knowledge, mindset, and practical skills required to create meaningful digital experiences. The course begins with a strong foundation in User Experience (UX) and User Interface (UI) Design, helping students understand the role of design in solving real-world problems through digital products. Students will learn the fundamentals of design thinking, user-centered design, research methodologies, problem-solving frameworks, user flows, wireframing, visual design principles, typography, color theory, and core UI elements. Emphasis is placed on developing a structured approach to identifying user needs, understanding business goals, and translating insights into effective design solutions. As the course progresses, students will explore the end-to-end design process for modern digital products, with a focus on mobile applications and websites. Through practical assignments and projects, students will gain hands-on experience in solving digital-world challenges through thoughtful design. The program also introduces students to industry-standard tools and emerging technologies used by modern design teams. While Figma serves as the primary design platform, students will also explore collaborative and productivity tools such as Miro, FigJam, Balsamiq, Visily, Stitch, Lovable AI, and other relevant platforms that support ideation, wireframing, prototyping, research, and AI-assisted design workflows. By the end of the program, students will have developed a comprehensive understanding of the UX/UI design process, built multiple portfolio-ready projects, and gained the confidence to approach design challenges with a research-driven and problem-solving mindset. The course prepares learners for the evolving digital landscape and provides a strong foundation for pursuing careers in UX Design, UI Design, Product Design, and related fields.

₹56994.00 + GST

dots bg

Course Overview

Schedule of Classes

Start Date & End Date

Sep 30 2024 - Mar 30 2025

Course Curriculum

7 Subjects

UI

1 Exercises25 Learning Materials

Fundamentals of UI/UX

Discover the realm of design

Introduction to UI-UX

Interface walk through of figma

Hands on with frames

Frames in Figma

External Link

Woking with Auto layout in figma

Auto layout

External Link

Essential for website replication.

Auto Layout in Action

How to do auto layout

External Link

Layouting

Layouting

ZIP

Figma Components

Components

PDF

Basic of Prototyping

Prototyping in Figma

External Link

Hands on with prototyping

Introduction to Typography

Unsterstanding Typography

ZIP

Typography In Action

Links for platforms

Understanding Iconography

Icons are small symbols to easily identify actions and categories

Introduction Shadows, and Images ,Google material icons , and self search

Understanding to shadow , images , icons

ZIP

Introduction to Color Theory

Understanding colors

ZIP

Color Theory PDF

PDF

Color Theory Task

Emailer Design

Linkedin emailer

Assignment

The Ultimate Guide to Email Design and 13 Best Practices

Review Of Emailer Design

Visual Hierarchy

Visual Hierarchy

ZIP

Hands On

UI Principles & Ux Laws

Book on UI principles

External Link

UX Laws

UX Laws

External Link

Key UX Laws And Test

Key UX Laws and Assignment

Introduction to Style Guides

UI Elements of a Style Guide

Business metrics

Business terms UX designers should know

External Link

Design System

Sample Design System- figma file

External Link

Android & iOS Design Systems

Google Design System

External Link

Human Interface Guidelines (iOS)

Apple Design system

External Link

Introduction to Atomic Design Theory

Atomic Design Theory Article- Brad Frost

External Link

Heuristic Principles

Usability heuristics

Heuristics presentations

Assignment Review and Presentation Correction

WCAG Guidelines

WCAG Guidelines

PDF

Hands On 02

Introduction to UI/UX design

Basics Of Figma

Figma Components and Prototyping

Typography & Iconography

Final - Test

Heuristic Principles

UX

17 Learning Materials

Design Thinking Process

Process Stages

External Link

Design for everyday things

PDF

Empathise

HOW TO THINK

Define

Material

External Link

Ideate And Project Brief

Project Brief

User Research

Blog

External Link

Power Of Research

External Link

Secondary Research

Improve Your Research

Rectification of Research

Improve Your Research

Competitor Analysis

Improve Your Research

Persona Mapping

Guide to Persona Mapping

Empathy Mapping

Empathy Map

External Link

User Flow

User Flow

External Link

Information Architecture

IA

External Link

Wireframing

Wireframes and its Types

External Link

Wireframing tool

External Link

Rectification on Low Fidelity

Mid Fidelity

MIRO AND BALSAMIQ

Miro and Balsamiq

High Fidelity Design

High fidelity Prototyping 2

High fidelity class 3

Design handoff With Presesntation

Design hand off presentation- things to keep in mind

External Link

ProtoPie

Miro

Balsamiq

Framer

Jira

UX

Orientation

Introduction of Academy, Course plans

What is Design? Journey of Tools Topics and its scope

Work Smart

1 Learning Materials

CHATGPT

Visily.ai

Visily.ai

External Link

Portfolio

3 Learning Materials

Introduction to Portfolio & Personal Branding

Sample portfolio

External Link

Curating Portfolio Content

How to create portfolio

External Link

Crafting a Portfolio Narrative

Portfolio steps

External Link

Refining Your Portfolio

Interview & Presentation Skills

Building an Online Portfolio

Final Critique & Career Prep

Campus To Corporate

Personality Development

Assignments - UI/UX

13 Exercises

Mobile App Case Study

Mobile App Case Study

Assignment

Glassmorphism UI Design

Glassmorphism UI Design

Assignment

E-commerce Website Design

E-commerce Website Design

Assignment

Mobile App Redesign

Mobile App Redesign

Assignment

Heuristic Evaluation Presentation

Heuristic Evaluation Presentation

Assignment

Dashboard Design

Dashboard Design

Assignment

UI Interactive Sliders

UI Interactive Sliders

Assignment

Landing Page Design

Landing Page Design

Assignment

Emailer design

Emailer design

Assignment

Luxury Website

Luxury Website

Assignment

Responsive wesbsite

Responsive wesbsite

Assignment

Parallax Design

Parallax Design

Assignment

Redesign App/ Website

Redesign App/ Website

Assignment

Course Instructor