Become a Proficient
UI/UX Design
Unlock the power of intuitive design with our UI/UX training — crafted for beginners and growing designers alike. Learn how to create user-friendly interfaces, improve user experience, and boost product engagement. Master tools, trends, and real-world techniques that shape modern digital design.
Outline
Module 1: Foundations of UX & Research
Session 1: Introduction to UI/UX Design
• What is UI vs UX?
• Career paths & design roles
• Overview of design tools (Figma, Adobe XD)
• The design process (Double Diamond, Design Thinking)
• Competitor Analysis (benchmarking other apps/sites for UX)
Session 2: Design Thinking & UCD
• Design Thinking Stages: Empathize, Define, Ideate, Prototype, Test
• Human-Centered Design
• Mini design sprint: Problem + Solution (quick team activity)
• Accessibility Basics (WCAG overview)
o Teach how to design inclusive interfaces (e.g., contrast ratios, alt text, focus states)
o Tools: Wave, Color Contrast Checker
• Responsive Grids (12-column, breakpoints for mobile/tablet/web)
o Reinforce mobile-first thinking with actual grid implementation
Session 3: UX Research
• Types of research: Primary & Secondary
• Conducting user interviews, surveys
• Creating empathy maps
• Intro to personas
Session 4: UX Laws & Cognitive Psychology
• Hickʼs Law, Fittsʼs Law, Millerʼs Law, Jakobʼs Law
• Aesthetic-Usability Effect, Teslerʼs Law
• Law of Proximity & Similarity
• How to apply these in real designs
🛠 Mini Project 1: Research a problem, define users, and present personas
empathy map
Module 2: Architecture, Interaction & UI Design
Session 5: Information Architecture
• Site maps, user flows, task flows
• Journey mapping
• Card sorting exercise (Miro or physical)
Session 6: Wireframing & Low-Fidelity Design
• Sketching wireframes on paper/digital
• Lo-fi wireframes in Figma
• Creating basic user flows
• Feedback sessions
Session 7: Visual Design Principles
• Typography, Color Theory, Layouts
• Contrast, Alignment, Repetition, Proximity (CARP)
• Style tiles & moodboards
• Intro to UI kits & design systems
Session 8: UI Design in Figma
• Building screens with grids, spacing, and hierarchy
• Components, auto-layout, variants
• Applying a consistent visual style Mobile-first design
🛠 Mini Project 2: Create wireframes and a mid-fidelity clickable prototype of an
app idea
Module 3: Prototyping, Testing & Career Prep
Session 9: Prototyping & Interactions
• Prototyping in Figma
• Transitions, micro-interactions
• Animations (optional intro to Lottie or After Effects)
• Designing for responsiveness
Session10: Usability Testing
• How to plan and conduct tests
• Creating test scripts & tasks
• Running usability tests (remote or in-person)
• Analyzing results & iterating
Session 11: Developer Handoff & Team Collaboration
• Design specs & Figma Inspect
• Developer-friendly documentation
• Agile UX & working in sprints
• Version control & feedback cycles
Session 12: Portfolio & Final Presentation
• Structuring a case study
• Presenting your design process
• Resume & portfolio tips
• Mock interviews or group crit
Course Fee
● Online
Rs. 9,000/- Total
- Once paid, the fee is non-refundable and non-transferable
Account Details
Bank: Habib Bank Limited
Account Title: AIN GenX
Account No: 5910-70000512-03
IBAN No: PK08 HABB 0059 1070 0005 1203
Faciliators
Irfan Bakaly
Data Analyst
25+ years of experience in Data Analysis
Noor Surani
Tech Entrepreneur
25+ years of experience in Data Analysis
S. M. Hammad
BS, 5+ years of experience in Product Designing
Who this course is for:
Aspiring Designers, Graphic Designers, Web & App Developers, Product Managers & Entrepreneurs, Students & Freelancers
Duration
● 2 Months (18 Hours)
Classes
● Online via Zoom
Schedule
- Day: Sunday's Only
- Timing: 11:00 am - 02:00 pm (PST)
Starting From
● Sunday, 11 May, 2025
Participants from Top Organizations
Certificates
