UI/UX Designing Course (English)
Categories: Career Courses (English), UI/UX Designing
Course Features
- Basic To Advance Level Classes
- Theory & Practical Classes
- Daily Pre Recorded Classes With Live Support
- On Demand Lessons (Only Unique)
- Portfolio Guidance
- Exercise Files, PDF Notes & Online Test
- Career Guidance
Course Content
Basic Introduction Of UI/UX Designing
-
Introduction Class
Section 1: UX Research & Wireframing Basics (Figma)
-
Class 1: Introduction to UI vs UX – Career Roles & Industry Flow
00:00 -
Getting Started With Figma : Account Creation
00:00 -
Class 2: Design Thinking & Human-Centered Design Principles
00:00 -
Class 3: Creating User Personas & Behavioral Segments
00:00 -
Class 4: User Journey Mapping & Empathy Maps
00:00 -
Class 5: Task Flows & User Flow Diagrams
00:00 -
Class 6: Information Architecture & Sitemap Creation
00:00 -
Class 7: Low-Fidelity Wireframing Using Figma Tools
00:00 -
Class 8: Competitive Analysis & UX Audit Techniques
00:00 -
Class 9: Structuring a Design Brief for Client/Startup Projects
00:00 -
Class 10: Project 1 – Wireframe a Mobile App (3–5 Screens)
00:00
Section 2: UI Design Principles & Figma Tools Mastery (Figma)
-
Class 11: Figma Interface, Frames, Layers & Shortcuts
00:00 -
Class 12: Layout Grids, Columns & Responsive Artboards
00:00 -
Class 13: Color Theory, Palette Creation & Brand Guidelines
00:00 -
Class 14: Typography in UI – Font Pairing, Hierarchy, Readability
00:00 -
Class 15: UI Components – Buttons, Inputs, Cards, Alerts
00:00 -
Class 16: Icons & Imagery – Plugins, Libraries, Best Practices
00:00 -
Class 17: Designing Dashboards & Data UI (Tables, Graphs)
00:00 -
Class 18: Mobile vs Web – Responsive Design Workflow
-
Class 19: Real-Time Collaboration & Version History
-
Class 20: Project 2 – Full Website Homepage UI Design
Section 3: Components, Prototyping & Design Systems (Figma)
-
Class 21: Components & Variants – Buttons, Navbars, Toggles
-
Class 22: Auto Layout, Constraints & Smart Layouts
-
Class 23: Design Systems Setup – Colors, Text Styles, Grids
-
Class 24: Prototyping Basics – Link Screens, Transitions
-
Class 25: Smart Animate, Hover, Tap, Overlay & Scroll Effects
-
Class 26: Advanced Prototyping – Modals, Multi-Page Flows
-
Class 27: Mobile App Prototype – Login to Dashboard
-
Class 28: Testing Prototype on Devices (Figma Mirror)
-
Class 29: Project 3 – E-commerce App UI + Prototype
-
Class 30: Design System Export for Developer Handoff
Section 4: Advanced Projects + Portfolio & Case Study (Figma)
-
Class 31: UX Writing – Buttons, Error States, Microcopy
-
Class 32: Accessibility – Color Contrast, Keyboard Navigation, ARIA Basics
-
Class 33: UI Animation Techniques Using Smart Animate
-
Class 34: Using FigJam for Team Brainstorm & Flow Diagrams
-
Class 35: Usability Testing – Heatmaps, Screen Record Feedback
-
Class 36: Real Project: EdTech App or SaaS Dashboard
-
Class 37: Exporting Assets, Design Specs & Dev Handoff via Figma Inspect
-
Class 38: Building a UI/UX Portfolio – Structure & Platforms (Behance, Notion, PDF)
-
Class 39: Case Study Writing – Goals, Process, Solutions, Outcomes
-
Class 40: Final Review – Portfolio Project Presentation & Client/Job Prep
Section 1: UX Research & Wireframing Foundations (Adobe XD)
-
Class 1: Introduction to UI & UX – Career Paths & Tools
-
How To Download Adobe XD And Install
-
Class 2: UX Process Overview – Research to Delivery
-
Class 3: Creating User Personas & User Flows
-
Class 4: Customer Journey Mapping
-
Class 5: Task Flows & Information Architecture
-
Class 6: Competitive Analysis & UX Audit Basics
-
Class 7: Wireframing – Low Fidelity Sketching & Strategy
-
Class 8: Using Adobe XD for Wireframes (Mobile & Web)
-
Class 9: Structuring a UX Brief & Planning User Tasks
-
Class 10: Project 1 – Wireframe a Food Ordering App (3–5 Screens)
Section 2: UI Design in Adobe XD – Tools & Visual System (Adobe XD)
-
Class 11: Adobe XD Interface & Workspace Overview
-
Class 12: Artboards, Grids, Layout Columns, and Guides
-
Class 13: UI Elements – Buttons, Input Fields, Navbars
-
Class 14: Color Systems, Gradients, and Accessibility Contrast
-
Class 15: Typography Hierarchy – Mobile & Web Design
-
Class 16: Using Icons, Images & Plugins in Adobe XD
-
Class 17: Responsive Layouts Using Constraints & Grids
-
Class 18: UI Design for Landing Page, Form & Cards
-
Class 19: Creating Web Headers, Footers & Section Layouts
-
Class 20: Project 2 – Full Home Page UI Design (Web or App)
Section 3: Components, Prototyping & Design Systems (Adobe XD)
-
Class 21: Creating & Managing Components in XD
-
Class 22: States, Hover Effects, Toggle Buttons
-
Class 23: Building a UI Kit – Colors, Text, Buttons
-
Class 24: Prototype Links – Click, Hover, Swipe
-
Class 25: Smart Animate, Auto-Animate & Micro Interactions
-
Class 26: Creating Scroll Effects, Overlays, Modals
-
Class 27: Interactive Navigation Menu + Tab Panels
-
Class 28: Mobile App Prototype – Login to Dashboard
-
Class 29: Sharing Prototype – Cloud Link, Feedback, Feedback
-
Class 30: Project 3 – E-Commerce App UI + Full Interactive Prototype
Section 4: Real Projects + Developer Handoff + Portfolio (Adobe XD)
-
Class 31: UX Writing – CTA, Error Text, Microcopy
-
Class 32: Accessibility in UI – Contrast, Readability, Labels
-
Class 33: Design Systems – Style Guide, Tokens & UI Consistency
-
Class 34: Adobe XD to Dev Handoff – Specs, Assets & Inspect
-
Class 35: Team Collaboration with Adobe Cloud & Feedback
-
Class 36: Web Dashboard UI Project – Analytics / Admin
-
Class 37: SaaS Product UI Project – Signup Flow to Feature Page
-
Class 38: Case Study Writing – Problem, Process, Solution, Impact
-
Class 39: Final Portfolio Upload – Behance, PDF, Web
-
Class 40: Project 4 – End-to-End UX/UI Design for Real Product + Case Study
Final Test
Career Guidance
-
Class 1
-
Class 2
Give Us Your Feedback And Suggestions
-
Give Us Your Feedback And Suggestions
Earn a certificate
Add this certificate to your resume to demonstrate your skills & increase your chances of getting noticed.
