Loading...

About

el-smartskills is dedicated to providing practical, industry-oriented training that equips students and professionals with the skills needed to succeed.

Shopping cart
image

Your Cart is empty

Go to Shop
Subtotal:
0.00

UI/UX Design

Category: Design & Creative

Description

Master UI/UX Design from beginner to advanced and learn how to create beautiful, user-friendly, and engaging digital experiences. This comprehensive course covers the complete UI/UX design process, from design principles and user research to wireframing, prototyping, visual design, and usability testing using industry-standard tools like Figma and Adobe XD.

Through hands-on projects and real-world case studies, you'll learn how to design websites, mobile applications, and dashboards that are visually appealing and easy to use. Whether you're a beginner or an aspiring designer, this course provides the practical skills needed to become a professional UI/UX Designer.

What You'll Learn

  • Understand the fundamentals of UI and UX Design.
  • Learn design thinking and user-centered design principles.
  • Create user personas and customer journey maps.
  • Design wireframes and interactive prototypes.
  • Master Figma for professional UI design.
  • Create responsive website and mobile app designs.
  • Build modern design systems and reusable components.
  • Understand typography, colors, spacing, and layouts.
  • Conduct usability testing and improve user experience.
  • Create professional portfolio projects.
  • Learn industry best practices and workflow.
  • Become job-ready as a UI/UX Designer.

Requirements

  • Basic computer knowledge.
  • No prior design experience required.
  • A laptop or desktop computer.
  • Stable internet connection.
  • Figma (Free Version) or Adobe XD.
  • Passion to learn and create designs.

Curriculum

40 Lectures | 55+ Hours

Module 1: Introduction to UI/UX Design

  • Course Overview
  • What is UI Design?
  • What is UX Design?
  • UI vs UX
  • Design Career Roadmap

Module 2: Design Principles

  • Color Theory
  • Typography
  • Spacing & Alignment
  • Visual Hierarchy
  • Grid System
  • Accessibility Basics

Module 3: User Experience (UX)

  • Design Thinking
  • User Research
  • User Personas
  • Empathy Maps
  • Customer Journey Mapping
  • Information Architecture

Module 4: Wireframing

  • Low-Fidelity Wireframes
  • High-Fidelity Wireframes
  • User Flow Design
  • Navigation Design
  • Layout Planning

Module 5: Figma Essentials

  • Figma Interface
  • Frames & Components
  • Auto Layout
  • Constraints
  • Design Assets
  • Plugins

Module 6: UI Design

  • Buttons & Forms
  • Cards & Navigation
  • Icons & Illustrations
  • Design Systems
  • Responsive Design
  • Dark & Light Themes

Module 7: Mobile App Design

  • Mobile UI Guidelines
  • Android Design
  • iOS Design
  • Responsive Mobile Layouts
  • Interactive Screens

Module 8: Website Design

  • Landing Page Design
  • Business Website UI
  • E-Commerce Design
  • Dashboard Design
  • Responsive Web Design

Module 9: Prototyping

  • Interactive Prototypes
  • Transitions
  • Animations
  • Micro Interactions
  • Prototype Sharing

Module 10: Usability Testing

  • User Testing
  • Collecting Feedback
  • Heuristic Evaluation
  • Improving User Experience

Module 11: Real-World Projects

  • Food Delivery App
  • E-Commerce Website
  • Travel App
  • Banking Dashboard
  • Portfolio Website

Module 12: Portfolio & Career Preparation

  • Portfolio Design
  • Case Study Writing
  • UI/UX Interview Questions
  • Freelancing Tips
  • Career Guidance