Get Started

UI/UX Design

Home / 

UI/UX Design

Build Beautiful Interfaces with Confidence

From Fundamentals to a Complete UX–UI Design Project
4 Weeks | 2 Days Per Week | 2 Hours Per Class

Eligibility / Prerequisites:

• Basic knowledge of Figma or any design tool
• Familiarity with Adobe Photoshop or Illustrator basics
• Understanding of basic design principles (color, shapes, typography)
(No coding required, but curiosity about apps/websites is a plus)

Week-by-Week Course Plan

Week 1: UI/UX Foundations & Research

Goal: Understand the design process and gather insights for better UX.

  • Day 1: UI/UX Fundamentals
  • Difference between UI & UX in real-world products
  • Role of UX in business success and user retention
  • Examples of good & bad design
  • Day 2: UX Research Basics
  • Importance of User Research
  • User Persona creation (Who are we designing for?)
  • Empathy Mapping for better experience
  • Day 3: Figma Setup & Shortcuts
  • Quick interface overview & project organization
  • Frames, grids, and guides for professional layouts
  • Keyboard shortcuts & workflow tips 

Mini-Assignment:

Analyze a popular app (like Spotify or FoodPanda) and note 3 UX improvements you would make.

Week 2: Wireframes & Layout Planning

Goal: Learn to create structured app/web layouts with usability in mind.

  • Day 1: Wireframing Principles
  • Low vs high-fidelity wireframes
  • Hierarchy & spacing for easy navigation
  • Mobile-first approach
  • Day 2: Wireframing in Figma
  • Create 3 key screens (Home, Product, Profile)
  • Using grids and smart alignment for consistency
  • Day 3: Auto Layout & Components
  • Introduction to Auto Layout for responsive designs
  • Creating reusable components (buttons, nav bars)
  • Intro to Variants (hover, active states)

Mini-Assignment:

Wireframe a 3-screen mobile app using components and auto layout.

Week 3: Visual Design & Interactive UI

Goal: Transform wireframes into polished, clickable screens.

  • Day 1: Visual UI Design
  • Color psychology in UI and brand consistency
  • Typography selection and hierarchy for clarity
  • Using icons and images effectively
  • Day 2: High-Fidelity UI in Figma
  • Color psychology in UI and brand consistency
  • Typography selection and hierarchy for clarity
  • Using icons and images effectively
  • Day 3: Interactive Components
  • Creating hover effects, toggle states, and transitions
  • Linking screens for micro-interactions

Mini-Assignment:

Convert your wireframe into a 3-screen high-fidelity interactive UI.

Week 4: Prototyping, Testing & Handoff

Goal: Create an interactive prototype and understand the designer-developer handoff.

  • Day 1: Clickable Prototypes in Figma
  • Screen linking and smooth transitions
  • Adding micro-interactions and simple animations
  • Day 2: Testing & Iteration
  • Conducting simple usability testing
  • Gathering feedback and improving designs
  • Day 3: Final Project & Portfolio Prep
  • Present a 3-5 screen interactive app prototype
  • Exporting assets & handoff basics for developers
  • Building your first mini design portfolio

Final Assignment:

Submit a clickable app prototype with a mini style guide (colors, fonts, components).

Learning Outcomes:

By the end of the course, students will:

  • Understand core UI/UX principles & workflow
  • Create wireframes, high-fidelity screens, and interactive prototypes
  • Use auto layout, components, and simple animations in Figma
  • Conduct basic usability testing and improve designs
  • Build a mini-portfolio project for entry-level opportunities

Note: A laptop is mandatory for this course.

Course Price

Terms & Conditions:

  • Early bird offer valid until September 15th, 2025, 11:59 PM.
  • Group discount applies only for group registrations of 5 or more at the same time.
  • Discounts are non-refundable and non-transferable.

Course Details

  • Level:

Expert

  • Duration:

4 Weeks
2 Days per Week
2 Hours per Class

  • Format:

ON-SITE

  • Language:

Urdu/English

  • Instructor:

Umar Khan, UI Designer

What’s Included

8 lessons
4 downloadable templates
3 design exercises
1 final project
Certificate of completion
Lifetime access + mobile support

Student Enrollment Form


Still Have Questions?

Ask Us Anything, We’re Here to Help

Contact Us
Frequently Asked Questions

Clear Answers to Help You Get Started

Starting your learning journey is simple — and we’re here to guide you. Below are answers to common questions about our in-person courses, schedules, and certification process.

What makes WT Trainings different from other learning centers?

We offer focused, 4-week onsite training with hands-on projects, small class sizes, and expert instructors who bring real-world industry experience to the classroom. Top-performing students may also have opportunities for internships or job placements.

Some courses require a basic understanding of the subject, as outlined in the course prerequisites. However, our programs are beginner-friendly and ideal for creative professionals looking to build or expand their skill set.

Yes! All students who successfully complete a course will receive a professional certificate to enhance their resume or portfolio.

Each course is designed to be completed in just 4 weeks, with structured weekly in-person sessions led by our expert trainers.

We accept a variety of payment methods, including cash, credit/debit cards, bank transfers, and digital wallets.

Popular Courses

Explore Topics to Boost Your Skills

UI/UX Designing

Digital Marketing

WordPress Development

Shopify

WT Trainings - OnSite Course & Education

Empowering onsite learners with expert-led training, tailored learning paths, and a supportive global community.

Instagram Facebook X-twitter Youtube

Ready to Start Learning? Start Your Learning Journey Today!

Quick Links

Resources

Popular Categories

Copyright © 2025 WT-TRAININGS. All Rights Reserved.