Unleash the Power of

UI/UX DESIGN
Your Path to Mastery Begins Here!

www.sevenmentor.com
 UI/UX DESIGN
Course Mission
SevenMentor Institute leads the way in providing cutting-

edge IT Training and Skill Development across India. We

have strived to establish an ideal learning atmosphere at all

our training centers. We prepare our students to become

dependable future professionals. Our institute aspires to

promote universal access to learning for students. To

achieve our mission of promoting better learning we invite

all students to enroll in our UI/UX Design Course. Join us

today to make a fulfilling career in the Development

Sector.

24
 UI/UX DESIGN STATISTICS:

82%
Web sites have some form
of UI/UX Design based
Applications

INDUSTRY
INSIGHTS 34% Year on Year Growth For All
UI/UX Design Jobs

Learn UI/UX DESIGN and

Be in Demand Always!
In today's rapidly evolving Tech Industry, being a skilled

UI/UX Design is a valuable asset. There is an unprecedented

requirement of all rounders and dynamic developers in the

website building domain. SevenMentor’s comprehensive

UI/UX Design is designed to equip you with the knowledge

and practical skills to handle every aspect of UI/UX Designer.

25
 Become an Omnipresent

UI/UX DESIGNER!

Becoming really good at using UI/UX Designer is a big aim for

any Designer. If you want to be super skilled in this newest

version of UI/UX Designer, you'll have to be dedicated to always

learning and becoming really good at this powerful front-end

framework. UI/UX Designer is famous for being versatile and

widely used in UI / UX Design. Many Designer use it to create

dynamic, responsive, and feature-rich web applications.

26
 Start Learning to Start Applying:
Gain practical UI/UX Designe experiences through well
designed courses, latest tools and excellent teachers.

Experienced Faculty Flexible Scheduling Hands-On Learning

Mock Interview Sessions Real-World Projects Career Support

Comprehensive Curriculum Lifetime Access

27
 UI / UX SYLLABUS

Preliminary Training Sessions

Core Web Technologies – HTML and CSS

Basic Concepts in Graphic Design and Visual Aesthetics

Whimsical or Flowmapp

User-First Design Process

Introduction to User Interface (UI) and User Experience (UX) Design

Overview of the User Experience Design Workflow
Distinction Between User Interface (UI) and User Experience (UX)

Understanding User Research

Basics of User Research

Significance of User Research for Effective UX Design
Survey Techniques for User Research
Contextual Inquiry as a User Research Approach
Selecting Suitable Research Techniques
Setting Goals, Objectives, and Questions for User Research
User Recruitment Strategies
Effective Interview Techniques and Best Practices
Overview of Focus Groups and Diary Study Methods
Analyzing Study Results: Affinity Diagrams, Modeling, Decision
Trees, and Activity Charts

28
Interaction Design

Introduction to Interaction Design

Crafting Problem Statements and Vision Goals
Developing User Personas: Primary and Secondary
Core Principles of Interaction Design
Interaction Design Patterns
Deriving Scenarios and Functional Requirements
Structuring Information Architecture
Designing Task Flows
Creating Wireframes

Basics of User Interface Design, Heuristic

Principles, and Interaction Design

Core Principles of UX and UI Design

User Interface Components and Design Patterns
Design Elements and Components
Principles of Interaction and Behavioral Design
Understand Brand Platforms and Style Guidelines
Interaction Design Principles
Address Design Challenges and Solutions for E-Commerce,
Social Media, Messaging, Data Visualization, and Dashboard
Interfaces

29
Balsamiq

Wireframing Techniques

Essential Concepts of Responsive Design

Comparing Wireframes and Wireflows
Interactive Click-Through Prototyping with Wireframes

Designing with Low and High Fidelity Prototypes

Introduction to Prototyping
Low-Fidelity Prototypes
High-Fidelity Prototypes
Prototyping Process
Design Tools and Software
Transitioning Between Fidelity Levels
Case Studies and Examples
Prototyping Best Practices

Figma

Style guides, elements, prototyping

Introduction to Style Guides

Components of a Style Guide
Creating and Maintaining Style Guides
Examples and Best Practices

30
Design Fundamentals
Navigating the Figma User Interface Designing a
Web Application
Working with UI Elements and Content Making a
Design Responsive
Exporting the Design
Reusing Design Elements
Creating a Portfolio Project
Managing Requirements
Best Practices for Delivering a Polished Design
UI Components
Element Customization and Adaptation
Testing and Validation

Usability Testing Methods

What is Usability Testing?

Importance of Usability Testing in Design
Exploratory vs. Comparative Testing
Think-Aloud Protocol
Heuristic Evaluation
A/B Testing
Card Sorting
Eye Tracking
Surveys and Questionnaires
Usability Metrics

31
Notion

Working with Development Team

Role of Collaboration in Development

Understanding Roles and Responsibilities
Communication Channels
Receiving and giving Feedback
Documentation
Design Feedback and Iteration
Design Handoff Tools
Collaborative Problem Solving
Managing Project Workflows
Quality Assurance and Testing
Conflict Resolution

Mobbin

Product Design

What is Product Design?

The Role of Product Design in Business and Technology
Understanding User Needs
User Research
Market Research
Using Design Thinking for Concept Development
Design Refinement

32
Portfolio Creation

Build a Web application and mobile application portfolio and

showcase the same to potential recruiters.

HTML 4 and HTML 5

Introduction of HTML
Tag, Elements and Attributes Basics syntax
Table
List
Forms
Structure of HTMLA and HTML5
Semantic and non-semantic tags
HTML 5 Features
New Input type Forms Attribute SVG
Canvas
Audio, Video Tag
UI

CSS 3

Attributes (ID, Class, Style, Title)

CSS Types (Inline, Internal, External) Box-model
Display Property (Block, Inline, None) Visibility-Hidden
Position Property(Static, Relative, Absolute, Fixed)
Z-index Property

33
Combinators (Child Selector,Adjacent Sibling Selector
Descendant Selector, General Sibling Selector)
CSS Pseudo-classes ( Visited, Hover,Link,,Active)
CSS Pseudo-elements (Selection, First Letter, First Line,
Before After) K. Static Web Page

BootStrap

What is Components of Bootstrap ? Need of Bootstrap

Components? Benifits of Bootstrap
Components
Types of Bootstrap Components Glyphicons Component
Process to use Glyphicons Component?
Bootstrap Dropdown Menu Component?
What is Button Toolbar and Button Groups ?
Way to use Button Toolbar and Button Groups ?
Different Input Groups Components
What si Tabs Components & Navigation Pills?
How to use Tabs Components and Navigation Pils
Navbar Component
Process to build a Responsive Navbar?
How to controls to Navbar and other Add Forms
How to Fix the position of navbar?
What si Breadcrumb Component?
What si Pagination Component?
How to apply Pagination in Application?
What is Labels / Badge Components?

34
What is Jumbotron / Page Header Components?
What is Thumbnail Component?
What is Alerts & Dismissible Alerts?
How to Create Progress Bar?
What is Media Objects Component?
Why Media Objects Component?
How to use Media Objects Component? What is
Bootstrap List Group Component? What is
Bootstrap Panel Component

Photoshop

Black & White to Colour

Day To Night
Restoration
Image Manipulsion
Double Exposure
Gradient Effect
Digital Painting
Poster Design
Social Media Post
Typography
Matte Painting
GIF
Logo

35
Illustrator

Illustrations
Masking and wraping
Working with text (Typography)
Understanding Effects & Filters
(Logo)
Create layouts with using
perspectives
Color the illustrations by using flat
color and gradients Logo Designing
Design - Magazine cover
Design - Advertisement -1
Printing techniques

36
Your Success Is Our Priority:
Every student at SevenMentor gets personalized guidance,
Mentorship, and ample opportunities to address individual
questions and concerns. All our sessions are designed to be
engaging, interactive, and tailored to your learning pace,
ensuring you grasp each concept with clarity.

Kuldeep Singh
UI / UX Trainer

Sonal Vanarse
UI / UX Trainer

37
THINGS THAT SET US APART FROM THE REST:
SevenMentor prepares you well so that you can embark on a rewarding
career in UI/UX Design through our training.

Hands-On Projects: Gain practical Career Support: We're dedicated to

experience by working on real- your success! Benefit from career
world projects, building a robust guidance, resume building,
portfolio that will impress potential interview prep, and job placement
employers.

Flexibility: Our flexible schedule Community: Join a vibrant

options allow you to learn at your community of like-minded learners,
own pace, making it perfect for where you can collaborate, share
both beginners and experienced ideas, and network with peers.
developers looking to upskill.

Our Students are at reputed Tech Companies

38
Success is around the corner!
Consider the potential earnings and opportunities that a career in UI/UX Design can
offer. With UI/UX Design you'll be well-positioned to secure a job that provides you
with a stable and potentially prosperous future.

Learners’ Industry 72↖

Background Product

42↖
Others

52↖

Services

Learners’ Work
Experience

2-3 Years 0-1 Years 1-2 Years 5+ Years

39
 Non-IT and Others

Learners’ Tech

Expertise UI/UX Design

Professionals

20% 25% 25% 30%

Begin Your Journey

Towards Better Future:
The global UI/UX Design vacancies will grow by 55% and generate 4
million new jobs by 2030.

The global vacancies for UI/UX Design will grow by 55% and
generate 4 million new jobs by 2030.

40
Affordable Training without
Compromise:
We understand that pursuing your dreams in App and
Web Development shouldn't be a financial burden.
That's why we've made afford ability a cornerstone of
our UI/UX Design. We believe that quality education
should be accessible to everyone, and we've structured
our program to reflect this commitment. Ou ĂUI/UX
Design takes you on an exciting journey but at a
substantially low price.

How to become a great UI/UX Design ?

Ÿ Enroll at SevenMentor Institute

Ÿ Get hands-on training from experienced teachers

Ÿ Receive Industry-recognized UI/UX Design

Certification

Ÿ Work for leading MNCs through our on-campus

interviews

41
Success is Just a Call Away!
So if you are ready to code your way to success?
Enroll now at SevenMentor and unlock your potential
as a UI/UX Design. Our counsellors are a call away
and they will be more than happy to talk with you.
Anyday, Everyday, we are there for you!

Request For Call Back

020 7117 2977