Certificate Sample
Training Technique
Salary Trends & Industrial Growth
Skills Covered
Industry Relevant Tools
Course Description
At Peopleclick Learning our UI and UX Design course helps you master the art of creating beautiful and user friendly digital experiences. You will learn both User Interface UI and User Experience UX design skills so you can build websites and apps that are not just visually appealing but also easy and enjoyable to use.
This course focuses on real world design thinking hands on projects and industry standard tools making you job ready for careers in web design app design and product development.
UI Design – Creating Beautiful and Functional Interfaces
In this part of the course you will learn how to design the visual side of websites and apps. You will work with tools like
- Figma Adobe XD or Sketch for creating layouts and design mockups
- Typography and Color Theory to make your designs clean and attractive
- Design Systems and Style Guides to keep your designs consistent and professional
By the end you will be able to create modern and responsive UI designs for any screen.
UX Design – Designing with the User in Mind
UX is all about how a product feels and works for the user. In this module you will learn
- User Research and Interviews to understand what your users really need
- User Personas and Journey Mapping to track user behavior and expectations
- Wireframing and Prototyping to plan and test your ideas before development
This part teaches you to solve real problems through smart user centered design.
Design Tools and Team Collaboration
You will also get hands on training in the tools and platforms designers use every day such as
- Figma and Adobe XD for designing and prototyping
- Miro and Whimsical for brainstorming and journey mapping
- Zeplin and InVision for sharing designs with developers
You will learn how to collaborate with teams gather feedback and present your designs clearly and confidently.
Usability Testing and Design Thinking
In this module you will learn how to
- Use the Design Thinking process to create meaningful solutions
- Conduct Usability Tests to get real feedback from users
- Improve your designs based on that feedback
This helps you design with purpose making decisions based on what actually works for your users.
Projects and Portfolio Building
Throughout the course you will work on live projects such as
- Designing a mobile app interface
- Creating a responsive website
- Redesigning the interface of an existing product
These projects will help you build a strong portfolio that shows your creativity and skills to employers and clients.
Entrepreneurship and Career Support
We also help you grow your career as a professional designer. You will learn how to
- Present and pitch your ideas like a pro
- Build your portfolio on platforms like Behance or Dribbble
- Get full placement support and guidance on freelancing or startup work
Whether you want to work with top companies freelance for clients or start your own design project we will support you every step of the way.
Course Curriculum
Module 1: Introduction to UX/UI Design
Topics Covered:
- Difference between UX and UI
- Design Thinking Process
- Understanding User Needs
- UX Laws and Principles
Tools:
- Fig jam (For brainstorming)
- Figma (Basic Overview)
Sample Project Questions:
- Design a login flow for a mobile banking app focusing on user experience.
Module 2: User Research and Analysis
Topics Covered:
- User Persona Creation
- Empathy Mapping
- User Journey Mapping
- Competitor Analysis
Tools:
- Google Forms/Type form(for surveys)
- Miro/Fig Jam
Sample Project Questions:
- Conduct user research and create personas and empathy maps for an online food delivery platform.
Module 3: Wireframing and Information Architecture
Topics Covered:
- Site Maps & User Flows
- Low-Fidelity Wireframes
- Navigation Structures
Tools:
- Figma/Adobe XD
- Balsamiq
Sample Project Questions:
- Create wireframes and a site map for an e-learning website.
Module 4: UI Design Essentials
Topics Covered:
- Typography, Color Theory & Iconography
- Layout and Grids
- Visual Hierarchy
- Designing for Mobile Vs Desktop
Tools:
- Figma/Adobe XD/Sketch
- Google Fonts, Color Hunt
Sample Project Questions:
- Design a responsive landing page for a health and wellness brand.
Module 5: Prototyping and Interaction Design
Topics Covered:
- Clickable Prototypes
- Micro-interactions
- Usability Testing
Tools:
- Figma/In vision
- Maze (for user Testing)
Sample Project Questions:
- Create a functional prototype of a hotel booking app and conduct usability testing
Module 6: UX Writing and Accessibility
Topics Covered:
- UX Writing Guidelines
- Error Messages and CTAs
- Accessibility Principles(WCAG)
Tools:
- Hemmingway / Grammarly (UX writing)
- Stark Plugin (Figma Accessibility tool)
Sample Project Questions:
- Improve the UX copy and accessibility features of a travel website homepage.
Module 7: UI Design Systems and Components
Topics Covered:
- Atomic Design Methodology
- Components, Buttons, Inputs
- Design Tokens
Tools:
- Figma Design System Templates
Sample Project Questions:
- Build a design system for an e-commerce website including components and typography styles.
Module 8: Final Portfolio and Presentation
Topics Covered:
- Case Study Writing
- Portfolio Structuring
- Interview Tips for UX/UI Jobs
Tools:
- Behance/Dribble/Notion
Sample Project Questions:
- Prepare a full case study including research, wireframes, UI design, and prototype
- For a mobile mental health app.
Our Progress
Consultation
