UI/UX Design for Mobile and Web

This course teaches UI/UX design principles for mobile and web applications. You'll master Adobe XD, wireframing, prototyping, and visual design to create engaging user experiences.Suitable for designers aiming to build portfolios and freelance in UI/UX.

Only Pakistan Residents
UI/UX Design for Mobile and Web

Course Level

Beginner to Advanced

Certification

Pass Final Exam

Career Impact

High Growth Potential

Course Overview

This course teaches UI/UX design principles for mobile and web applications. You'll master Adobe XD, wireframing, prototyping, and visual design to create engaging user experiences.Suitable for designers aiming to build portfolios and freelance in UI/UX.

What You'll Learn

Fundamentals of UX and UI design.

Use Adobe XD for mobile and web designs.

Create wireframes, prototypes, animations.

Differentiate UI and UX design.

Apply color theory, typography, layout.

Design complete mobile and web apps.

Present work on Behance, Dribble, Fiverr.

Monetize skills through freelancing.

Upload templates to UI8, UP Labs.

Build a standout design portfolio.

Ready to Start Learning?

Join thousands of successful students

Duration
3 Month
Eligibility
Only Pakistan Residents
Certificate
Pass Final Exam

Expert Support

Get expert guidance from our dedicated support team.

Detailed Curriculum

Section 1: UX and UI Intro

1. UX Design Process

2. Difference Between UX UI Design

3. Skillset for a UI Designer

Assessment Exercise- 01

Section 2: Learn Adobe XD Tools and Basics

4. Adobe XD Installation

5. Adobe XD Basic Introduction

6. Select Artboard tool

7. Working with Shapes

8. Pen Tool and Custom Shapes

9. Type and Text tool

10. Alignments in Adobe XD

Assessment Exercise- 02

Section 3: Learn Adobe XD Tools and Basics Part 02

11. Boolean Operations Grouping

12. Gradient Fill

13. Repeat Grid

14. Import Images and Masking

15. Document Assets Components

16. Layer Panel and Exporting Assets

17. Plugins Installation

Assessment Exercise- 03

Section 4: Wireframe Design

18. Draw Your First Wireframe

19. Installing Required Plugins

20. Digital Wireframe Design

Resources

Assessment Exercise- 04

Section 5: Complete APP UI Design from Scratch to Advance Level

21. Moodboard Ideas for APP Design

22. Logo and Splash Screen

23. Splash Screen Styles

24. APP Style Guide and Welcome Screen

25. Login Screen Ideas

26. Create Account Screens

27. Home Page

28. Discover and Categories Page

29. Product Detail Page

30. Product Detail Page with Scroll

Resources

Assessment Exercise- 05

Section 6: Complete APP UI Design from Scratch to Advance Level Part 02

31. Filter Page

32. Tab Bar or Footer Navigation

33. Checkout Popup Design

34. Wishlist and My Bag

35. Confirm Order Page

36. Shipping Address Page

37. Pay Now and Confirmation Order

38. User Profile Page

39. Track Your Order

40. Side Navigation

41. Side Navigation Styles

Assessment Exercise- 06

Section 7: Prototyping and Animation

42. Prototyping and Linking Pages

43. Animation

44. Slide Left/Right and Up/Down

45. Drag and Rotate Animation

46. 3D Transform Animation

Assessment Exercise- 07

Section 8: Earning Money with Freelancing

47. Creating Profiles on Behance, Dribble, and Uploading Portfolio

48. Creating Fiverr Account

49. Creating Fiverr Profile

50. Creating First GIG

51. Killer Designs for GIG Image Cover

52. Creating Upwork Profile

53. Upwork Profile Setup

54. Upwork Finding Jobs and Bidding on Projects

55. Upwork Projects

56. Other Freelancing Platforms (PPH, FreeUp, 99 Designs)

Assessment Exercise- 08

Section 9: Earn While Traveling or Sleeping

57. UI8 Profile and Uploading Your Templates

58. UP Labs Profile and Uploading Your Templates

Assessment Exercise- 09

Section 10. Course Assessment

Course Assessment

Do you have questions?

We'll help you to grow your career and growth

Honhaar Jawan

Honhaar Jawan © 2026. All Rights Reserved. Developed and Maintained by Honhaar Jawan.