Back to courses

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.

5 Weeks (35 Days)Certificate Included
Vibe Designing - UI/UX Masterclass

Course Fee

Ksh 5,500

Ksh 1,100 / week

Enroll in this course

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:00

Vibe 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:00

Vibe 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:00

Vibe 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:00

Vibe 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:00

Vibe 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:00

Vibe 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:00

Vibe 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:00

Vibe 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:00

Vibe 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:00

Vibe 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:00

Vibe 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:00

Vibe 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:00

Vibe 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:00

Vibe 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:00

Vibe 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:00

Vibe 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:00

Vibe 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:00

Vibe 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:00

Vibe 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:00

Vibe 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:00

Vibe 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:00

Vibe 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:00

Vibe 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:00

Vibe 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:00

Vibe 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:00

Vibe 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:00

Vibe 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:00

Vibe 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:00

Vibe 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:00

Vibe 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:00

Vibe 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:00

Vibe 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:00

Vibe 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:00

Vibe 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:00

Vibe 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

Laptop or smartphoneStable internetLMS accessPractice files

Projects you will build

User Research practice project
Wireframing practice project
Figma UI Design practice project
Prototyping practice project
Design Systems practice project
UX Case Studies practice project

Student testimonials

Be among the first students to review this course after completing your projects.

Course Review

Review Vibe Designing - UI/UX Masterclass

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