Course Content
WEEK 0 — Introduction to Design & UI/UX
In this training, students will embark on a journey from beginner to expert in UI/UX design. Under the guidance of Aqib Awais, founder of The Foccus, the course offers a practical and immersive approach to UI/UX design. Students will gain real-world experience through hands-on projects, working on client briefs and building a professional portfolio. The course also covers career insights, how to use industry-standard tools like Figma, and tips on freelancing and job hunting in the UI/UX industry. Whether you're a beginner or looking to elevate your design career, this training will equip you with the skills and confidence to succeed in the ever-evolving design world.
0/1
S01- Introduction to Training
33:00
WEEK 1 — Introduction to UI/UX + Design Thinking
Introduction to Design, Exploring aspects of design, Introduction to UI/UX, Why good design matters (real examples), Design thinking: empathize, define, ideate, prototype Career paths: jobs, freelancing, business.
0/5
S101- Introduction to UI/UX Design
01:40:33
S101 – Questions & Answers
Assignment 101 - UI Evaluation
S102 – Mastering UI Design
02:00:59
S102 – Questions & Answers
WEEK 2 — UX Research + Wireframing
User personas, journeys, flows, Identify user pain points, Wireframe basics, Information architecture, Audience and competitor analysis, Industries and trends research, UX analysis, user stories.
0/4
S201- Mastering Typography & UX design
01:41:55
S201 – Questions & Answers
S202: Mastering UX Design
01:14:05
Project 202: Vulkan Solutions
WEEK 3 — Figma Mastery + Digital Wireframing
Figma tools, Wireframing websites, landing pages, apps, Organizing files like a pro, Figma Plugins, Figma fundamentals, autolayout, compnonents, tokens, and more.
0/3
S301: Introduction to Figma
02:04:04
Pizza World - Project Assignement
S302- Website Design Like Pro in Figma
01:33:59
WEEK 4 — Mastering Prototype & Sales High Conversion Design
UI design principles: color, typography, spacing, Branding basics: logos, color palettes, style guides, Designing clean layouts for web and mobile, building brand guidelines, logo & brand construction, social media kit design.
0/3
S401: Mastering Prototype, Landing & Sales pages
01:52:03
Sales page design with mobile responsive
Sales Page Design Quiz – Half Penny Steps Health Centre
WEEK 5 — Mastering Mobile & Web Apps Design with AI
How to build interactive prototypes, Adding links, flows, and transitions, Testing user flows, test and improve your prototypes based on user feedback, present prototypes to clients or employers, best practices for prototyping.
0/6
501 – Mobile App Design..
56:53
501 – Mobile App Design Part 2
03:43
Pizza World Mobile App
502 – Mastering Mobile App
01:23:48
Mobile App Design Fundamentals – UI/UX Quiz
00:10:00
P502 - Master Mobile App Project (Plumbers App)
WEEK 6 — Real Client-Style Design
How to design for real business needs, Creating dashboards, admin panels, landing pages, web apps, mobile apps, How to balance client requirements with good UX. User flows for web apps vs websites vs mobile apps.
WEEK 7 — Building Portfolios
How to present your work on Behance, Dribbble, or your own site, Writing case studies that tell the story behind your designs, Setting up Upwork/Fiverr profiles the right way, How to price your work and write winning proposals.
WEEK 8 — Job Hunt + Freelance
Where to apply for UI/UX jobs (freelance and full-time), How to stand out in job applications and interviews, How to write proposals that win clients, Tips for handling your first clients or job projects.
UI UX Practical Training with Real Clients Projects

What We Will Cover in This Class:

In this class, we will explore the core principles and practices of UI/UX design to help you build professional and effective digital interfaces. The course will cover the following key topics:

  1. Introduction to UI/UX Design

    • Learn the basics of UI (User Interface) and UX (User Experience) design and their importance in creating user-friendly digital products.

    • Understand how good UI design impacts aesthetics, branding, and interactivity, while UX focuses on usability, functionality, and problem-solving.

  2. UI Design Types

    • Explore various UI design styles, including Skeuomorphic UI, Flat UI, Minimalist UI, Neumorphism, Material Design, and Glassmorphism.

    • Understand when and where to apply each style, and study real-world examples from industries like finance, healthcare, SaaS, and tech.

  3. Color Theory and Application

    • Learn the fundamental principles of color theory, the psychology behind colors, and how to use color effectively in UI design.

    • Study how to select colors based on contrast, harmony, and emotional impact for creating intuitive user experiences.

  4. Typography in UI Design

    • Understand the role of fonts in UI design, including the use of Serif, Sans Serif, Script, Display, and Monospace fonts.

    • Learn how to apply typographic hierarchy, style, and structure for readability and brand consistency.

  5. UI/UX Research and Wireframing

    • Dive into UX research methods to understand user needs, create user personas, and design user flows.

    • Learn to wireframe websites, landing pages, and mobile apps using industry-standard tools like Figma, ensuring clarity and simplicity.

  6. Prototyping and Interactivity

    • Gain hands-on experience in creating interactive prototypes with Figma to demonstrate design concepts and gather user feedback.

    • Master the process of designing clickable prototypes, adding transitions, and testing usability.

  7. Real Client Projects

    • Apply your skills to real client projects, where you will design websites, mobile apps, and dashboards based on real-world business needs.

    • Receive feedback on your designs, helping you refine your portfolio and improve your design approach.

  8. Building a Professional Portfolio

    • Learn how to present your work effectively on platforms like Behance and Dribbble, and create a personal design website.

    • Craft case studies that narrate the design process and decision-making to demonstrate your expertise to potential clients and employers.

  9. Freelancing and Job Search Strategies

    • Discover how to find freelance gigs or full-time jobs in the UI/UX field, and learn how to write winning proposals and present your work.

    • Get insights on how to use platforms like Upwork and Fiverr, build your online presence, and stand out in the competitive job market.

  10. UI/UX Career Insights

  • Explore various career paths within UI/UX design, from freelancing to working with global companies.

  • Learn about the skills, certifications, and portfolio requirements that clients and companies look for in a UI/UX designer.

By the end of the course, students will have a well-rounded understanding of both the theoretical and practical aspects of UI/UX design, along with a professional portfolio that can open doors to career opportunities in this high-demand field.

Exercise Files
S01- Introduction to Training.pdf
Size: 9.90 MB
Previous
Next
0% Complete