UI/UX Designer

A UI/UX Designer creates intuitive and visually appealing user interfaces while enhancing user experience through research, wireframing, and interactive design.

12 Weeks Full-Time Training

In-Person Training

On-Site

Logo
Learn the principles of UI/UX design to create intuitive and engaging digital experiences.
Logo
Master wireframing, prototyping, and user research to enhance usability and functionality.
Logo
Develop skills in using industry-standard design tools for creating visually appealing interfaces.
Enroll Now

Course Overview

The UI/UX Design course equips you with the skills to create user-friendly and visually appealing digital experiences. You will learn wireframing, prototyping, and user research to design intuitive interfaces that enhance usability. By mastering industry-standard design tools and best practices, you’ll be able to craft engaging designs that prioritize user needs and seamless interactions.

What You’ll Learn

In this course, you will learn the fundamentals of UI/UX design, including user research, wireframing, and prototyping. You will explore how to create intuitive and engaging interfaces that enhance user experience.

You will also gain hands-on experience with industry-standard design tools, usability testing, and interaction design principles. By the end of the course, you will be able to craft visually appealing and user-friendly digital products.

By the end of this course, you will

Logo
Understand the fundamentals of UI/UX design and user-centered principles.
Logo
Learn wireframing, prototyping, and user research to improve usability and engagement.
Logo
Gain hands-on experience with design tools to create visually appealing and functional interfaces.

Course Roadmap

Explore the roadmap of our backend development course

UI/UX Designer

3 months

Introduction to UI/UX Design & Figma Basics
  • Understanding the fundamentals of UI/UX design, its importance, and how Figma is used as a design tool.
Topics Covered:
  • Introduction to UI/UX Design: Differences, Importance, and Principles, Understanding the UX Design Principles, User Scenarios and Problem Statements, Understanding Gestalt and UI Design Principles, Accessibility in Design, Overview of Figma:, Interface, Tools, and Features, Creating a Figma Account and Setting Up Workspaces, Basic Design Elements: Shapes, Colors, Typography, and Frames
Hands-on Projects:
  • Create a Simple Wireframe for a Web Page
What You Learn This Week:
  • You will gain a solid understanding of UI/UX design principles and get comfortable with Figma’s interface and basic tools to create wireframes.
Wireframing & Prototyping Basics
  • Learning how to create wireframes and build interactive prototypes in Figma.
Topics Covered:
  • Low-Fidelity vs. High-Fidelity Wireframes Using Grids and Layouts for Better Design Structure Creating Clickable Prototypes in Figma Design Consistency: Using Components and Styles
Hands-on Project:
  • Design and Prototype a Mobile App Wireframe
What You Learn This Week:
  • You will develop skills to create structured wireframes and transform them into interactive prototypes using Figma’s features.
Visual Design & UI Elements
  • Understanding how to design visually appealing user interfaces with proper UI components.
Topics Covered:
  • Color Theory and Choosing the Right Color Palettes, Typography Guidelines for Readable and Accessible UI, Buttons, Icons, and UI Components in Figma, Creating Reusable Components and Design Systems
Hands-on Project:
  • Create a Landing Page UI Design
What You Learn This Week:
  • You will be able to create visually appealing UI designs with a focus on typography, color theory, and reusable components.
Advanced Prototyping & Microinteractions
  • Enhancing user experience with animations, transitions, and microinteractions.
Topics Covered:
  • Adding Animations and Page Transitions in Figma, Prototyping User Flows with Conditional Interactions, Smart Animate and Motion Design Techniques, Usability Testing and Iterating on Feedback
Hands-on Project:
  • Design and Animate an Onboarding Screen
What You Learn This Week:
  • You will learn how to create interactive prototypes with animations and test user flows effectively.
UX Research & User Testing
  • Exploring how to conduct user research, usability testing, and data-driven design decisions.
Topics Covered:
  • User Research Methods: Surveys, Interviews, Personas, Information Architecture and User Journey Mapping, Card Sorting Methods, Conducting Usability Testing in Figma, Implementing Feedback to Improve Designs
Hands-on Project:
  • Conduct Usability Testing on a UI Design
What You Learn This Week:
  • You will develop skills to conduct user research and usability testing, making data-driven design improvements.
Responsive & Accessible Design
  • Designing interfaces that adapt to different screen sizes and meet accessibility standards.
Topics Covered:
  • Responsive Web Design: Desktop, Tablet, Mobile Layouts, Auto Layout in Figma for Scalable Components, Accessibility Guidelines (WCAG) and Best Practices, Designing for Dark Mode and High Contrast UI
Hands-on Project:
  • Design a Responsive Dashboard UI
What You Learn This Week:
  • You will gain expertise in designing responsive and accessible interfaces that work across various devices and user needs.
UI Design Systems & Collaboration
  • Building a structured design system and collaborating effectively in Figma.
Topics Covered:
  • Creating a Design System: Styles, Components, and Guidelines, Using Figma Libraries for Team Collaboration, Version Control and Design Handoff to Developers, Best Practices for UI Documentation
Hands-on Project:
  • Build and Share a Design System in Figma
What You Learn This Week:
  • You will learn how to create a design system and work collaboratively with developers and designers.
HTML/CSS for UI Developers
  • You will gain a foundational understanding of HTML, CSS, and JavaScript, and learn how to structure a project, link files, and create responsive layouts using Bootstrap and Flexbox.
Topics Covered:
  • Introduction to HTML, CSS, and JavaScript basics :Creating and structuring project files, Introduction to CSS Categories:, External, Internal, and Inline CSS, Linking CSS and JavaScript files to HTML, Working with Bootstrap & Flexbox for responsiveness
Hands-on Project:
  • Prepare a simple HTML structure with external and internal CSS styles, Create a responsive webpage layout using Bootstrap and Flexbox, Link a JavaScript file to your HTML and implement basic interactivity
What You Learn This Week:
  • You will gain a foundational understanding of HTML, CSS, and JavaScript, and learn how to structure a project, link files, and create responsive layouts using Bootstrap and Flexbox.
HTML/CSS for UI Developers
  • You will gain a foundational understanding of HTML, CSS, and JavaScript, and learn how to structure a project, link files, and create responsive layouts using Bootstrap and Flexbox.
Topics Covered:
  • Introduction to HTML, CSS, and JavaScript basics Creating and structuring project files, Introduction to CSS Categories:, External, Internal, and Inline CSS, Linking CSS and JavaScript files to HTML, Working with Bootstrap & Flexbox for responsiveness
Hands-on Project:
  • Prepare a simple HTML structure with external and internal CSS styles, Create a responsive webpage layout using Bootstrap and Flexbox, Link a JavaScript file to your HTML and implement basic interactivity
What You Learn This Week:
  • You will gain a foundational understanding of HTML, CSS, and JavaScript, and learn how to structure a project, link files, and create responsive layouts using Bootstrap and Flexbox.
Photoshop & Illustrator In-Design, Adobe XD, Sketch for UI/UX
  • You will develop essential skills in using design tools like Photoshop, Illustrator, InDesign, Adobe XD, and Sketch to create and export assets for UI/UX design projects.
Topics Covered:
  • Basic Knowledge of Photoshop, Illustrator, In-Design, Adobe XD, Sketch, Creating and setting up Canvas & Artboards, Exploring tools, layers, masking, clipping masks, Exporting assets: PNG, JPEG, SVG for UI projects, Creating icons, logos, and UI elements
Module Tasks:
  • Create a basic logo and icon set using Illustrator, Set up an artboard and design a simple UI element (e.g., a button) in Photoshop, Use InDesign to layout a simple multi-page design (e.g., brochure or portfolio), Design a prototype screen in Adobe XD or Sketch, Export your designs as PNG, JPEG, and SVG formats for use in a UI project
What You Learn This Week:
  • You will develop essential skills in using design tools like Photoshop, Illustrator, InDesign, Adobe XD, and Sketch to create and export assets for UI/UX design projects.
Version Control & Collaboration (Git)
  • Version control is an essential skill for software development, enabling developers to track changes, collaborate efficiently, and maintain code integrity. This week covers Git fundamentals, branching strategies, remote repositories, and collaboration workflows.
Topics Covered:
  • Understanding Git and GitHub/GitLab, Setting up Git, configuring user details, Git basic commands: init, add, commit, push, pull, creating branches, switching branches and merging branches, Handling merge conflicts and branching strategies, Git workflows: Feature branching, GitFlow
Module Tasks:
  • Initialize a Git repository and push it to GitHub, Create branches, merge changes, resolve conflicts
What You Learn This Week:
  • You will gain a solid understanding of Git basics, how to collaborate with others using version control systems, and how to manage and track changes in your projects. You’ll also become proficient in resolving merge conflicts and using advanced Git workflows like GitFlow.
Final Capstone Project & Portfolio Building
  • Applying everything learned in a real-world project and building a professional portfolio.
Topics Covered:
  • Defining Project Scope and Requirements, Designing a Full UI/UX Case Study, Presenting Your Design Decisions and Process, Portfolio Creation and Optimization for Job Applications
Hands-on Project:
  • Complete a Full UI/UX Case Study
What You Learn This Week:
  • You will complete a real-world UI/UX design project, create a strong portfolio, and prepare for job applications in the design industry.

Enroll Now and join us!

Like this course? join us to jumpstart your caareer