Beginner to Intermediate
Vibe Designing - UI/UX Masterclass
This 35-day UI/UX program helps students think like product designers. You will research real users, map journeys, plan information architecture, create wireframes, design clean interfaces in Figma, prototype user flows, and package your work into a portfolio-ready case study before graduation.

Full Curriculum
What you will learn week by week
Lessons include notes, resources, assignments, and quizzes where available.
1. Module 1: Product Design Mindset
16:00Vibe Designing - UX Foundations. Start by understanding what UI and UX mean, how users move through products, and how designers solve real problems before making screens. In this lesson, you will learn product design mindset through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.
2. Module 1: User Problems and Goals
18:00Vibe Designing - UX Foundations. Start by understanding what UI and UX mean, how users move through products, and how designers solve real problems before making screens. In this lesson, you will learn user problems and goals through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.
3. Module 1: Personas and Empathy Maps
20:00Vibe Designing - UX Foundations. Start by understanding what UI and UX mean, how users move through products, and how designers solve real problems before making screens. In this lesson, you will learn personas and empathy maps through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.
4. Module 1: User Journeys
22:00Vibe Designing - UX Foundations. Start by understanding what UI and UX mean, how users move through products, and how designers solve real problems before making screens. In this lesson, you will learn user journeys through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.
5. Module 1: Information Architecture
24:00Vibe Designing - UX Foundations. Start by understanding what UI and UX mean, how users move through products, and how designers solve real problems before making screens. In this lesson, you will learn information architecture through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.
6. Module 1: Mobile First Thinking
26:00Vibe Designing - UX Foundations. Start by understanding what UI and UX mean, how users move through products, and how designers solve real problems before making screens. In this lesson, you will learn mobile first thinking through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.
7. Module 1: UX Foundations Checkpoint
28:00Vibe Designing - UX Foundations. Start by understanding what UI and UX mean, how users move through products, and how designers solve real problems before making screens. In this lesson, you will learn ux foundations checkpoint through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.
8. Module 2: Sketching Fast Ideas
18:00Vibe Designing - Wireframes and Flows. Plan structure before styling so every screen has a clear purpose and every user action has a logical next step. In this lesson, you will learn sketching fast ideas through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.
9. Module 2: Low Fidelity Wireframes
20:00Vibe Designing - Wireframes and Flows. Plan structure before styling so every screen has a clear purpose and every user action has a logical next step. In this lesson, you will learn low fidelity wireframes through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.
10. Module 2: Screen Flow Mapping
22:00Vibe Designing - Wireframes and Flows. Plan structure before styling so every screen has a clear purpose and every user action has a logical next step. In this lesson, you will learn screen flow mapping through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.
11. Module 2: Navigation Patterns
24:00Vibe Designing - Wireframes and Flows. Plan structure before styling so every screen has a clear purpose and every user action has a logical next step. In this lesson, you will learn navigation patterns through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.
12. Module 2: Forms and Input States
26:00Vibe Designing - Wireframes and Flows. Plan structure before styling so every screen has a clear purpose and every user action has a logical next step. In this lesson, you will learn forms and input states through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.
13. Module 2: Feedback and Error States
28:00Vibe Designing - Wireframes and Flows. Plan structure before styling so every screen has a clear purpose and every user action has a logical next step. In this lesson, you will learn feedback and error states through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.
14. Module 2: Wireframe Review Checkpoint
16:00Vibe Designing - Wireframes and Flows. Plan structure before styling so every screen has a clear purpose and every user action has a logical next step. In this lesson, you will learn wireframe review checkpoint through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.
15. Module 3: Typography for Interfaces
20:00Vibe Designing - Visual Interface Design. Use spacing, typography, color, icons, and layout rhythm to make interfaces clean, attractive, and easy to scan. In this lesson, you will learn typography for interfaces through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.
16. Module 3: Color Systems and Contrast
22:00Vibe Designing - Visual Interface Design. Use spacing, typography, color, icons, and layout rhythm to make interfaces clean, attractive, and easy to scan. In this lesson, you will learn color systems and contrast through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.
17. Module 3: Spacing and Layout Grids
24:00Vibe Designing - Visual Interface Design. Use spacing, typography, color, icons, and layout rhythm to make interfaces clean, attractive, and easy to scan. In this lesson, you will learn spacing and layout grids through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.
18. Module 3: Buttons and Components
26:00Vibe Designing - Visual Interface Design. Use spacing, typography, color, icons, and layout rhythm to make interfaces clean, attractive, and easy to scan. In this lesson, you will learn buttons and components through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.
19. Module 3: Cards, Lists, and Tables
28:00Vibe Designing - Visual Interface Design. Use spacing, typography, color, icons, and layout rhythm to make interfaces clean, attractive, and easy to scan. In this lesson, you will learn cards, lists, and tables through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.
20. Module 3: Responsive UI Decisions
16:00Vibe Designing - Visual Interface Design. Use spacing, typography, color, icons, and layout rhythm to make interfaces clean, attractive, and easy to scan. In this lesson, you will learn responsive ui decisions through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.
21. Module 3: Visual Design Checkpoint
18:00Vibe Designing - Visual Interface Design. Use spacing, typography, color, icons, and layout rhythm to make interfaces clean, attractive, and easy to scan. In this lesson, you will learn visual design checkpoint through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.
22. Module 4: Figma File Setup
22:00Vibe Designing - Figma Prototyping. Turn static screens into clickable flows that can be tested with users, tutors, and clients before development begins. In this lesson, you will learn figma file setup through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.
23. Module 4: Reusable Components
24:00Vibe Designing - Figma Prototyping. Turn static screens into clickable flows that can be tested with users, tutors, and clients before development begins. In this lesson, you will learn reusable components through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.
24. Module 4: Auto Layout Basics
26:00Vibe Designing - Figma Prototyping. Turn static screens into clickable flows that can be tested with users, tutors, and clients before development begins. In this lesson, you will learn auto layout basics through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.
25. Module 4: Interactive Prototypes
28:00Vibe Designing - Figma Prototyping. Turn static screens into clickable flows that can be tested with users, tutors, and clients before development begins. In this lesson, you will learn interactive prototypes through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.
26. Module 4: Microcopy and Empty States
16:00Vibe Designing - Figma Prototyping. Turn static screens into clickable flows that can be tested with users, tutors, and clients before development begins. In this lesson, you will learn microcopy and empty states through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.
27. Module 4: Usability Testing
18:00Vibe Designing - Figma Prototyping. Turn static screens into clickable flows that can be tested with users, tutors, and clients before development begins. In this lesson, you will learn usability testing through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.
28. Module 4: Prototype Checkpoint
20:00Vibe Designing - Figma Prototyping. Turn static screens into clickable flows that can be tested with users, tutors, and clients before development begins. In this lesson, you will learn prototype checkpoint through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.
29. Module 5: Choosing a Capstone Brief
24:00Vibe Designing - Portfolio Case Study. Package the full design process into a professional story that shows the brief, research, decisions, final screens, and lessons learned. In this lesson, you will learn choosing a capstone brief through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.
30. Module 5: Before and After Improvements
26:00Vibe Designing - Portfolio Case Study. Package the full design process into a professional story that shows the brief, research, decisions, final screens, and lessons learned. In this lesson, you will learn before and after improvements through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.
31. Module 5: Case Study Storytelling
28:00Vibe Designing - Portfolio Case Study. Package the full design process into a professional story that shows the brief, research, decisions, final screens, and lessons learned. In this lesson, you will learn case study storytelling through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.
32. Module 5: Exporting Screens and Assets
16:00Vibe Designing - Portfolio Case Study. Package the full design process into a professional story that shows the brief, research, decisions, final screens, and lessons learned. In this lesson, you will learn exporting screens and assets through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.
33. Module 5: Presentation Deck Design
18:00Vibe Designing - Portfolio Case Study. Package the full design process into a professional story that shows the brief, research, decisions, final screens, and lessons learned. In this lesson, you will learn presentation deck design through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.
34. Module 5: Portfolio Review
20:00Vibe Designing - Portfolio Case Study. Package the full design process into a professional story that shows the brief, research, decisions, final screens, and lessons learned. In this lesson, you will learn portfolio review through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.
35. Module 5: Graduation Case Study Checkpoint
22:00Vibe Designing - Portfolio Case Study. Package the full design process into a professional story that shows the brief, research, decisions, final screens, and lessons learned. In this lesson, you will learn graduation case study checkpoint through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.
Software and tools
Projects you will build
Student testimonials
Be among the first students to review this course after completing your projects.
Course FAQ
Who is the Vibe Designing - UI/UX Masterclass course for?
It is for beginners, students, freelancers, and professionals who want practical, portfolio-ready skills.
Will I build real projects?
Yes. Each course includes guided assignments and project briefs that help you create work you can show.
Can I learn online?
Yes. You get LMS access, lesson notes, assignments, quizzes, and WhatsApp support.
Do I get a certificate?
Yes. Certificates are issued after completing the required lessons, quizzes, and assignments.
Ready to start Vibe Designing?
Enroll today, complete the lessons, submit your projects, and build work you can show with confidence.
Enroll in this course