Go to the course

An IIT-Delhi Alumni Initiative

UI/UX Designing

450+ learners enrolled

Complete course to master Mobile and Web Design, UI/UX, HTML, and CSS


Course Rating: 4.9


₹2399₹ 699

₹ 699


Why UI/UX?

Frictionless UX design can increase conversion rates by 400%

90% of app users stop using an application if they sense poor performance while interacting with it.

Average Package of a UI/UX designer: 6 lakh

On average every 1 rupee spent by a business on UX/UI brings 100 rupees back.

Welcome to the only program with


on course completion

How it works?


Avail 100% Money Back reward

Get 100% refund of course fee on completing the course within 3 months of enrolling. Because we believe in learning first approach.

How it works?

When ONE Course is Bought

Enroll for the course
Complete the course within 3 months
Claim Skills+Refund+Certificate
Even after refund you will have lifetime access to the course and mentors

Key highlights

1:1 Instant doubt solving
Personal Mentor
Projects and assignments
Internship opportunities
Lifetime Access

How do we teach you?

  • Learn from our structured pre recorded courses made by experts to meet industry needs
  • 1:1 live doubt solving support available throughout the day to clear your doubts instantly
  • Personal mentors to guide and help you throughout your journey as a friend
  • Build major projects which makes your resume stand apart
  • Get certificate and internship opportunities after completion of the course.



15 sections 87 lectures 31 hrs 46 mins Lifetime Access


Introduction to sketching

The sketching process

Sketching user flows

Sketching user flows 2

Sketching user flows 3

Sketching user flows 4

Sketching tips

How to stay inspired

How to find inspiration


figma dashboard

figma tools

layers and pages

the top bar

design properties

prototyping in figma

Exercise creating a responsive layout

The Do's and Dont's

Speedup workflow with components

Creating own user flows.

Creating own user flows 2

Creating own userflows 3

Creating a basic sitemap

Before you start

Creating a sitemap 1

Creating a sitemap 2

Before getting started with wireframes

What is a wireframe

How to create wireframes

Wireframes in figma

Creating our homepage

Creating product page

Creating the Cart page

Prototyping basics in figma

Prototyping basics in figma 2

Prototyping basics in figma 3

Prototyping basics in figma 4

Linking a quick user flow

Working on small interactions

Why is feedback important and how to work on them


Grid Basics

Responsive Grids and Breakpoints

Creating own grid in figma

Grid Guidelines


Sans Serif

Display and mono

choosing a typeface

Creating our own type system

Color schemes

Impotant questions to ask

Creating Color Palletes

Creating a monochromatic color pallete

Applying our Color pallete

Expanding a strict color pallete

Creating our own colour pallete

What are forms and UI elements

Best practices for forms

Best practices for inputs

Best practices for inputs_2

Best practices for inputs_3

Best practices for inputs_4

Best practices for buttons

Cretaing components in figma

Using Atomic elements

Using instances in figma

Editing instances

Responsive components

Creating a registration form

Visual Assets introduction

Photos in Figma

Photos in figma 2

Working with developers

Figma plugins and icons

custom icons

Visual patterns for accessibilty

Tools to make design accessible

Visual patterns for accessibilty

What are design patterns

Why are design patterns so valuable

How to apply design patterns

Analyzing design atterens

Analyzing,Dissecting and choosing design patterns

Mobile design best practices

best practice part 2

Design fidelity

Style Exploartion

Style Exploration 2

Style Exploration 3

Style exploration 4

Importance of motion

The purpose of motion

Intro to smart animate

The power of smart animate

What is a microinteraction

Why are microinteractions important

Creating our own microinteraction

Creating our own microinteraction part2


Using Figmotion 2

Components Cards

Vertical Cards

Recipes Search

Recipes Order List

Using our design system

Using our design system system 2 part 1

Using our design system 2 part 2

Using our design systems 3

Final prototypes

Final prototypes 2

Final prototypes 3

Final prototypes 4

Where to host your web portfolio

How to place and export designs

Initial setup figma handoff

Build UI_Adding image assets

Build UI_Styling Image Assets

Build your first website

Developer fundamentals


HTML Tags2

Self closing tags

Anchor tag


Relative vs absolute path

Html forms

Html forms 2

Submitting a form

HTML tags3


Copy a website


Your first css part 2

part 3

part 2 selectors

CSS properties

Selectors in css

Text and font

Images in CSS

Box model

px vs em vs rem

Critical render path



Respinsive UI

Bootsrap Introduction


Boostrap Grid

Exercise: Building our startup landing page part 1+part2

Exercise: Startup landing page part3

Exercise: Startup landing page part 4

Exercise: Startup landing page part 5

Adding email subscribe form with mailchimp

Developer fundamentals

Workinfg with templates


Grid vs Flexbox Vs Bootstrap

CSS Grid1

CSS Grid2

CSS Grid3

CSS Grid4

CSS Grid5

Solution_Navigation bar

Solution_Navigation bar 2

Solution Cover

Project grid+footer

Solution prettify


Interested in our other Courses too?

Customized Pack

Get any 4 courses @
₹2796 ₹1499

Choose any 4 courses from our 23 different courses.

All Access Pack

Get all 23 courses @
₹14679 ₹4499

Get access to all our 23 courses for lifetime and become jack of all trades

Course Benefits

Learn to create stunning UI/UX designs for any website

Get hired as a UI/UX designer.

Build amazing portfolio with great and extensive designs

Convert your awesome design to code with help of HTML/CSS.

Get high paying freelance projects for UI/UX.

Master Web Design and App Design both in this course.

For whom is this course

Working Professionals
Data Analysts aspirants
Freelancers/ Solopreneurs
Data Science Aspirants
New Programming learners
Killer resume projects display
People interested in Web Development

About this Course

The Complete UI/UX Designing Course : Learn UI/UX Designing From Scratch

Here Is What You Get By Enrolling In This Course

live support word by word explanation awesome quality content easy to learn

Starting from scratch: We will be learning from very basics and go till advanced level

Instant doubt solving support: We will be available throughout the day to solve your doubts 1:1 instantly whenevr you have them so as to provide you the smoothest learning experience.

Assignments and projects: Throughout the course you will be getting assignments and projects and if you still want more just ask your mentor and they will be happy to provide you :)

UI/UX is going to be the hottest skill of coming decade
Why I am confident about the above statement?
Just go and take a look of the initial UI/UX of Facebook, Amazon, google and you will realise that how can somebody browse those shabby looking websites and even purchase from them. And see their UI/UX now, it's like the smoothest ever experience. And they are still continuosly improving it, you can't even imagine how the sites would look after a decade.
So it's clear that a lot of investment is being done in UI/UX and trust me it is that skill which can make people buy a bad product over a valuable product.
Let me confess one more thing. You can't learn UI/UX without actually implementing and brainstorming the things and that's why in this course we have focused a lot on projects and live implications.
Trust me this is the only course you need to master UI/UX, enough for now I will see you inside the course.
All the best!

Have Any Query

Why should I opt for Tutedude?

What is the validity of the courses and when can I watch them?

How will my doubts be solved and will there be one on one interaction?

Why don't you provide live classes and why should I prefer recorded lectures?