ADVANCED GRAPHIC DESIGN & AI ARTISTRY
Design Modern Digital Experiences & Build User-Centered Products
Master modern UI/UX design, user research, wireframing, prototyping, and product strategy through practical projects, real-world case studies, and industry-focused design training.
This course is specially designed for students, freelancers, and aspiring designers who want to create professional mobile apps, websites, dashboards, and user-centered digital experiences.
Course Overview
The UI/UX Design & Product Strategy program at Alnoor Digital Hub is a comprehensive practical training course designed to help students master modern user interface design, user experience strategy, and digital product creation.
This course combines UX research, wireframing, prototyping, visual design systems, responsive layouts, mobile app design, and AI-powered design workflows to prepare students for real-world projects and professional careers.
Students will learn how to design modern websites, mobile applications, dashboards, SaaS platforms, and user-centered digital experiences using professional industry tools like Figma, Adobe XD, Canva AI, and Framer AI.
The program focuses on practical learning, creative problem-solving, portfolio development, and freelancing guidance to help students build strong professional design careers in the digital industry.
Course Details
- Level:
- Duration:
- Format:
- Language:
- Instructor:
What’s Included
Hands On Experience
Exercises
Projects
Certificate of completion
After Course support
Still Have Questions?
Ask Us Anything, We’re Here to Help
What You’ll Learn
Learn UX research, wireframing, prototyping, Figma mastery, responsive UI design, design systems, mobile app interfaces, dashboard creation, accessibility standards, and AI-powered design workflows through practical projects and industry-based assignments.
Phase 1 — UX Research & Foundations
01: Introduction to UI vs. UX, design thinking process, and digital product workflows.
02: Conduct user research, interviews, and create detailed user personas.
03: Create user journey maps to understand user behavior and pain points.
04: Learn Information Architecture (IA), sitemaps, and content flow structures.
05: Understand UX Laws including Fitts’s Law, Hick’s Law, and Jakob’s Law.
06: Create low-fidelity wireframes using sketches and paper prototyping.
07: Use AI tools like ChatGPT & Gemini for user stories and content strategy.
08: Introduction to Figma interface, layers, frames, and basic tools.
09: Master Figma tools including frames, groups, and selection colors.
10: Convert sketches into digital grayscale wireframes professionally.
11: Learn basic prototyping with transitions and screen linking.
12: Conduct UX audits and identify usability problems in existing apps.
Phase 2 — UI Design & Visual Systems
13: Learn typography principles for digital screens and readability.
14: Understand color theory, contrast ratios, and emotional color palettes.
15: Design modern UI elements including buttons, forms, toggles, and inputs.
16: Work with icons and illustrations from professional asset libraries.
17: Master Auto Layout in Figma for responsive design systems.
18: Create reusable components and variants for scalable UI systems.
19: Build complete design systems with colors, text styles, and effects.
20: Learn professional grid systems for web and mobile applications.
21: Explore modern UI trends including Glassmorphism and Minimalism.
22: Introduction to Adobe XD and its unique prototyping features.
23: Optimize design files and export assets professionally.
24: Learn micro-interactions using smart animations and triggers.
25: Mid-term project designing a complete Login & Signup Flow.
Phase 3 — Advanced Interaction & AI Tools
26: Design high-fidelity landing pages for web platforms.
27: Learn mobile app design standards for iOS and Android systems.
28: Design dashboards and SaaS platforms with complex layouts.
29: Create advanced prototypes with overlays, scrolling, and sticky headers.
30: Use Adobe Firefly & Canva AI for generating creative design assets.
31: Learn Microsoft Designer & Framer AI for AI-assisted layouts.
32: Build responsive designs for desktop, tablet, and mobile screens.
33: Create user-friendly forms and checkout experiences.
34: Design accessible dark mode interfaces professionally.
35: Conduct user testing and gather feedback using Figma Mirror.
36: Learn accessibility standards for visually impaired users.
37: Prepare designs for developer handoff using Inspect and CSS export tools.
Phase 4 — Specialized Projects & Industry Assets
38: Design a complete eCommerce mobile app flow from product listing to checkout.
39: Create a school management dashboard with professional admin layouts.
40: Build a personal portfolio app for branding and project showcase.
41: Source high-quality design assets and UI mockups professionally.
42: Present mobile app screens in premium 3D mockup frames.
43: Learn animated UI using LottieFiles and motion graphics.
44: Complete a redesign project to improve an existing app experience.
45: Create a professional UI/UX case study presentation in Figma.
Phase 5 — Career & Freelance Launch
46: Build a professional Behance portfolio with detailed UX case studies.
47: Create Fiverr gigs for UI/UX design services and mobile app design.
48: Use Dribbble & LinkedIn for networking and showcasing design challenges.
49: Design a professional ATS-friendly UI/UX resume and portfolio.
50: Final portfolio review, presentation, and professional certification.
