top of page
Background-min.jpg

UI UX Design Course

A UI UX Design Course is a training program that teaches the skills needed to design user interfaces and user experiences for digital products. It covers topics such as user research, wireframing, prototyping, usability testing, and visual design. The goal is to help participants create effective digital products.

Pay One Time

₹35,000

Only for Indian Students

Course Fee

₹35,000

Discount

₹7,500

Total

₹35,000

Tax not applicable

Pay in 2 Instalments

₹21,250x2

Only for Indian Students

Course Fee

₹21,250x2

Discount

No Discount

Total

₹42,500

Tax not applicable

Pay One Time

$1,299

Only for ✈️ International Students

Course Fee

$1,299

Discount

$201

Total

$1,299

Tax not applicable

Pay in 2 Instalments

$750x2

Only for ✈️ International Students

Course Fee

$750x2

Discount

No Discount

Total

$1,500

Tax not applicable

Program Fees

Credit/Debit Card EMI Available only with leading banks of India

What you’ll learn from this course?

    • What is UX Design?

    • What is UI Design?

    • Difference between UX UI Design

    • History and Evolution of UX/UI Design

    • Importance of UX/UI Design in Business

    • Introduction to HCD (Human Centric Design)

    • Brief on UCD (User Centric Design)

    • Introduction to design thinking process.

    • User Psychology and Behavior

    • Understanding User Needs

    • Various types of Cognitive Bias

    • Understand Problem Statement and Solution

    • How to identify Target Audience

    • Stakeholder Interview

    • Demo on “Mock Concept Finding Activity”

    Hands-on Activity

    Research and find 12 potential concepts for your mock application

    • Types of Business Models

    • Introduction to Competitive Analysis

    • Why Competitive Analysis plays very important role in product design

    • How to conduct Competitor Analysis
      (Identifying Competitors, Gathering Competitor Data, Analyzing Competitor Offerings, Understanding Competitor Positioning, Market Share and Market Penetration, Competitor Marketing Strategies, Competitor SWOT Analysis, Competitive Pricing Analysis)

    • Case study on Competitor Analysis

    • Demo on competitor analysis

    Hands-on Activity​

    Create in-dept competitor analysis based on your selected concept.

    • Introduction to User Research

    • Definition and importance of user research in UX/UI design

    • Role of user research in understanding user needs and informing design decisions

    • Exploring different types of user research, such as qualitative and quantitative research

    • Explain when to use qualitative research and when to use quantitative research

    • How to prepare for user interviews?

    • Mock Interview and survey questions predation.

    • Live presentation on how to conduct interview.

    • How to analyze response on research

    Hands-on Activity

    • Conduct one Quantitative survey

    • Conduct two Qualitative User Interview

    • Summarize research findings

    • Introduction to User Persona

    • Elements of User Personas

    • How to collect for User Personas

    • Segmentation on User Persona such as Primary, Secondary and Negative persona

    • Applying Personas to the Design Process

    • Demo on User Persona

    Hands-on Activity

    Create two User Persona

    • Introduction to Empathy Maps

    • Components of an Empathy Map

    • Creating Reference Empathy Map

    • Translating Insights into Design Decisions

    • Updating Empathy Maps

    • Practical Examples and Case Studies

    • Demo on Empathy Mapping

    Hands-on Activity

    Create two Empathy Maps

    • Introduction to User Journey Mapping

    • Elements of a User Journey Map

    • User Goals, Actions and Touchpoints

    • Emotions and Pain Points

    • Demo on user Journey Map

    Hands-on Activity

    Create one User Journey Map

    • Introduction to User Flow

    • Elements of a User Flow

    • Different Types of User Flows

    • Optimizing User Flow

    • Demo on User flow

    Hands-on Activity

    Create one in-dept User Flow

    • Introduction to Information Architecture

    • Components of Information Architecture

    • Organization Systems

    • Labeling Systems

    • Navigation Systems

    • Search Systems

    • Information Architecture (IA) Vs Sitemaps

    • User Research for IA (Card Sorting Activity)

    Hands-on Activity

    • Conduct card sorting exercise

    • Create one information architecture

    • Introduction to Wireframes

    • Why wireframe is an important process

    • Types of Wireframes

    • Elements of a Wireframe

    • Wireframing vs. Prototyping

    • Anatomy of IOS, Android & Website

    • Case Studies and Practical Applications

    • Step-by-step guide to creating wireframes (Sample Screen for wireframe)

    • Learn more about Balsamiq

    Hands-on Activity

    Create Lo-fi wireframe for App & Landing Page

Module 01 - UX Design

6 Weeks

FigJam

Balsamiq

Figma

Protopie

Zeplin

    • 17 Principles of Good UI Design in Figma

    • Typography: Fonts, hierarchy, and legibility.

    • Color Theory: Palettes, contrast, and emotion.

    • Icons and Symbols.

    • Buttons and Call-to-Action elements.

    • Forms and Input fields.

    Hands-on Activity

    Research and find out Good and Bad Example of Design Principles

    • Introduction to Overall Figma User Interface (Pages, Frame, Export, Tool Bar, Sidebar, Pen Tool...)

    • Introduction to Boolean Operations

    • Alignment and spacing

    • How to apply Shadows

    • Layer Blur Effects

    • Background Blur Effects

    Hands-on Activity

    Create a replicate of any app of your choice

    • Auto Layout

    • Components & Variants

    • Variables (P)

    Hands-on Activity

    • Create a replicate of any app design using all advance Figma features

    • Introduction Apple iOS (Human Interface Guidelines)

    • Introduction to Android (Material Design)

    • Understand Breakpoints

    • Statics vs Dynamics UI

    • Responsive Design using Auto Layout

    • How to design with 4px Grids

    Hands-on Activity

    Create responsive skeleton using Autolayout with 4 Breakpoints

    • Global V/s Local Components

    • How to Define Typography Styles

    • How to Create Color Styles

    • How to create Layout Grids

    • Icon Style using Variants

    • Buttons Component

    • Input Component

    Hands-on Activity

    Create your first text, color, & layout styles along with Icon, Button and Input Global Component.

    • Introduction to High Fidelity Wireframes

    • Live demo on How to design Hi-Fi Wireframes

    • Introduction to Visual Design

    • Live demo on Visual Design for Mobile

    • Live demo on Visual Design for Tablet

    • Live demo on Visual Design for Landing Page

    • Learn more about Zeplin

    Hands-on Activity

    • Create Hi-Hi Wireframe for Mobile, Tablet & Landing Page

    • Design Visual Design for Mobile, Tablet & Landing Page

Module 02 - UI Design

5 Weeks

    • What is Prototyping?

    • Connecting frames to create interactions

    • Setting up transitions and animations

    • Overlays, scrolling, and interactive components

    • Creating more complex interactions

    • Usability Testing

    • Heuristic evaluation

    Hands-on Activity

    Finalize and preview the complete application prototype using Figma's prototyping features.

    • An overview of ProtoPie as a prototyping tool

    • Setting up and getting started with a ProtoPie account

    • A guided tour of ProtoPie’s user interface and workspace

    • Understanding the layout, panels, and essential tools

    • Exploring the fundamental concepts of ProtoPie

    • Deep Dive into Triggers and Responses

    • Step-by-step guide to importing designs from Figma into ProtoPie

    • Crafting Micro-Interactions with ProtoPie

    • Exploring the more sophisticated capabilities of ProtoPie

    Hands-on Activity

    Create a clickable prototype of a simple mobile login screen, with fields for username and password, a "Sign In" button, and a "Forgot Password" link, using a prototyping tool of your choice.

Module 03 - Prototyping & Testing

1 Week

    • Why Create a Case Study?

    • Essential Components of a Case Study

    • Crafting a Narrative: Beginning, Middle, and End

    • Using Imagery and Graphics Effectively

    • Layout and Typography Best Practices

    • How to Clearly Outline Your Design Process

    • Highlighting Key Decisions and Turning Points

    • Examples of Good and Bad Case Studies

    • Making Your Case Study Stand Out

    Hands-on Activity

    Create a Compelling Case Study Presentation for the Mock Application Project

    • Introduction to Resume Writing

    • Resume Content and Structure

    • Crafting a Strong Objective or Summary

    • Highlighting Your Experience

    • Education and Certifications

    • Skills and Proficiencies

    • Portfolio and Project Links

    • ​Customizing Your Resume for Each Application

    Hands-on Activity

    Craft a Distinctive Resume to Set Yourself Apart from Other Candidates

    • 1-Hour Session on Job Interview Preparation

    • Strategies for Finding and Applying to the Right Job

    • Evaluating and Validating Potential Employers

More Modules - Case Study, Resume Building & Job Assistance

3 Week

Become Certified

certificate of course completion

Meet your mentor

Meet Taha, a highly skilled and experienced UX/UI designer with over 5+ years of professional experience in the field. With a strong passion for creating intuitive and user-centered digital products, Taha has worked with a wide range of clients across various industries such as finance, healthcare, e-commerce, and software, where Taha has developed a deep understanding of user-centered design methodologies and best practices.

Throughout Taha's career, Taha has a talent for quickly understanding the needs of users and stakeholders, and has a track record of designing products that are both aesthetically pleasing and easy to use. Taha is also an expert in design tools such as [Adobe Creative Suite, Sketch, Figma, etc] and is able to guide and support students in becoming proficient in these tools.

In addition to Taha's professional experience, Taha is also dedicated to mentoring and teaching. Taha has taught at Arena Animation, Jayanagar, Bangalore in the past and has a passion to share Taha's knowledge and help students succeed in the field of UX/UI design. Taha is a patient and supportive mentor, who encourages students to ask questions, experiment and take creative risks. Taha also provides individualized feedback to help students develop their skills and refine their design process.

In summary, Taha is a highly qualified and experienced UX/UI design professional, who is passionate about mentoring and dedicated to helping students succeed in the field.

Taha Bhalejwala

Taha Bhalejwala

Outcomes of Course

01

Understand user-centered design principles and methodologies

02

Conduct user research to inform design decisions

03

Create wireframes, prototypes, and high-fidelity mockups

04

Use design software such as Sketch, Adobe XD, and Figma.

05

Understand and apply design principles such as typography, color theory, and layout.

06

Understand and apply interaction design principles such as navigation and user flows.

07

Communicate design ideas and solutions to stakeholders.

08

Understand and apply user testing methodologies.

Background-min.jpg

UI UX Design Course

A UI UX Design Course is a training program that teaches the skills needed to design user interfaces and user experiences for digital products. It covers topics such as user research, wireframing, prototyping, usability testing, and visual design. The goal is to help participants create effective digital products.

What you’ll learn from this course?

    • What is UX Design?

    • What is UI Design?

    • Difference between UX UI Design

    • History and Evolution of UX/UI Design

    • Importance of UX/UI Design in Business

    • Introduction to HCD (Human Centric Design)

    • Brief on UCD (User Centric Design)

    • Introduction to design thinking process.

    • User Psychology and Behavior

    • Understanding User Needs

    • Various types of Cognitive Bias

    • Understand Problem Statement and Solution

    • How to identify Target Audience

    • Stakeholder Interview

    • Demo on “Mock Concept Finding Activity”

    Hands-on Activity

    Research and find 12 potential concepts for your mock application

    • Types of Business Models

    • Introduction to Competitive Analysis

    • Why Competitive Analysis plays very important role in product design

    • How to conduct Competitor Analysis
      (Identifying Competitors, Gathering Competitor Data, Analyzing Competitor Offerings, Understanding Competitor Positioning, Market Share and Market Penetration, Competitor Marketing Strategies, Competitor SWOT Analysis, Competitive Pricing Analysis)

    • Case study on Competitor Analysis

    • Demo on competitor analysis

    Hands-on Activity​

    Create in-dept competitor analysis based on your selected concept.

    • Introduction to User Research

    • Definition and importance of user research in UX/UI design

    • Role of user research in understanding user needs and informing design decisions

    • Exploring different types of user research, such as qualitative and quantitative research

    • Explain when to use qualitative research and when to use quantitative research

    • How to prepare for user interviews?

    • Mock Interview and survey questions predation.

    • Live presentation on how to conduct interview.

    • How to analyze response on research

    Hands-on Activity

    • Conduct one Quantitative survey

    • Conduct two Qualitative User Interview

    • Summarize research findings

    • Introduction to User Persona

    • Elements of User Personas

    • How to collect for User Personas

    • Segmentation on User Persona such as Primary, Secondary and Negative persona

    • Applying Personas to the Design Process

    • Demo on User Persona

    Hands-on Activity

    Create two User Persona

    • Introduction to Empathy Maps

    • Components of an Empathy Map

    • Creating Reference Empathy Map

    • Translating Insights into Design Decisions

    • Updating Empathy Maps

    • Practical Examples and Case Studies

    • Demo on Empathy Mapping

    Hands-on Activity

    Create two Empathy Maps

    • Introduction to User Journey Mapping

    • Elements of a User Journey Map

    • User Goals, Actions and Touchpoints

    • Emotions and Pain Points

    • Demo on user Journey Map

    Hands-on Activity

    Create one User Journey Map

    • Introduction to User Flow

    • Elements of a User Flow

    • Different Types of User Flows

    • Optimizing User Flow

    • Demo on User flow

    Hands-on Activity

    Create one in-dept User Flow

    • Introduction to Information Architecture

    • Components of Information Architecture

    • Organization Systems

    • Labeling Systems

    • Navigation Systems

    • Search Systems

    • Information Architecture (IA) Vs Sitemaps

    • User Research for IA (Card Sorting Activity)

    Hands-on Activity

    • Conduct card sorting exercise

    • Create one information architecture

    • Introduction to Wireframes

    • Why wireframe is an important process

    • Types of Wireframes

    • Elements of a Wireframe

    • Wireframing vs. Prototyping

    • Anatomy of IOS, Android & Website

    • Case Studies and Practical Applications

    • Step-by-step guide to creating wireframes (Sample Screen for wireframe)

    • Learn more about Balsamiq

    Hands-on Activity

    Create Lo-fi wireframe for App & Landing Page

Module 01 - UX Design

6 Weeks

FigJam

Balsamiq

Figma

Protopie

Zeplin

    • 17 Principles of Good UI Design in Figma

    • Typography: Fonts, hierarchy, and legibility.

    • Color Theory: Palettes, contrast, and emotion.

    • Icons and Symbols.

    • Buttons and Call-to-Action elements.

    • Forms and Input fields.

    Hands-on Activity

    Research and find out Good and Bad Example of Design Principles

    • Introduction to Overall Figma User Interface (Pages, Frame, Export, Tool Bar, Sidebar, Pen Tool...)

    • Introduction to Boolean Operations

    • Alignment and spacing

    • How to apply Shadows

    • Layer Blur Effects

    • Background Blur Effects

    Hands-on Activity

    Create a replicate of any app of your choice

    • Auto Layout

    • Components & Variants

    • Variables (P)

    Hands-on Activity

    • Create a replicate of any app design using all advance Figma features

    • Introduction Apple iOS (Human Interface Guidelines)

    • Introduction to Android (Material Design)

    • Understand Breakpoints

    • Statics vs Dynamics UI

    • Responsive Design using Auto Layout

    • How to design with 4px Grids

    Hands-on Activity

    Create responsive skeleton using Autolayout with 4 Breakpoints

    • Global V/s Local Components

    • How to Define Typography Styles

    • How to Create Color Styles

    • How to create Layout Grids

    • Icon Style using Variants

    • Buttons Component

    • Input Component

    Hands-on Activity

    Create your first text, color, & layout styles along with Icon, Button and Input Global Component.

    • Introduction to High Fidelity Wireframes

    • Live demo on How to design Hi-Fi Wireframes

    • Introduction to Visual Design

    • Live demo on Visual Design for Mobile

    • Live demo on Visual Design for Tablet

    • Live demo on Visual Design for Landing Page

    • Learn more about Zeplin

    Hands-on Activity

    • Create Hi-Hi Wireframe for Mobile, Tablet & Landing Page

    • Design Visual Design for Mobile, Tablet & Landing Page

Module 02 - UI Design

5 Weeks

    • What is Prototyping?

    • Connecting frames to create interactions

    • Setting up transitions and animations

    • Overlays, scrolling, and interactive components

    • Creating more complex interactions

    • Usability Testing

    • Heuristic evaluation

    Hands-on Activity

    Finalize and preview the complete application prototype using Figma's prototyping features.

    • An overview of ProtoPie as a prototyping tool

    • Setting up and getting started with a ProtoPie account

    • A guided tour of ProtoPie’s user interface and workspace

    • Understanding the layout, panels, and essential tools

    • Exploring the fundamental concepts of ProtoPie

    • Deep Dive into Triggers and Responses

    • Step-by-step guide to importing designs from Figma into ProtoPie

    • Crafting Micro-Interactions with ProtoPie

    • Exploring the more sophisticated capabilities of ProtoPie

    Hands-on Activity

    Create a clickable prototype of a simple mobile login screen, with fields for username and password, a "Sign In" button, and a "Forgot Password" link, using a prototyping tool of your choice.

Module 03 - Prototyping & Testing

1 Week

    • Why Create a Case Study?

    • Essential Components of a Case Study

    • Crafting a Narrative: Beginning, Middle, and End

    • Using Imagery and Graphics Effectively

    • Layout and Typography Best Practices

    • How to Clearly Outline Your Design Process

    • Highlighting Key Decisions and Turning Points

    • Examples of Good and Bad Case Studies

    • Making Your Case Study Stand Out

    Hands-on Activity

    Create a Compelling Case Study Presentation for the Mock Application Project

    • Introduction to Resume Writing

    • Resume Content and Structure

    • Crafting a Strong Objective or Summary

    • Highlighting Your Experience

    • Education and Certifications

    • Skills and Proficiencies

    • Portfolio and Project Links

    • ​Customizing Your Resume for Each Application

    Hands-on Activity

    Craft a Distinctive Resume to Set Yourself Apart from Other Candidates

    • 1-Hour Session on Job Interview Preparation

    • Strategies for Finding and Applying to the Right Job

    • Evaluating and Validating Potential Employers

More Modules - Case Study, Resume Building & Job Assistance

3 Week

bottom of page