4 Days

Vibe Canvas

A unified social learning experience for students and educators

Combined educational tools, communication, video sharing, coaching, and networking into one platform concept
Reduced the fragmented experience caused by students switching between multiple learning platforms
Created consistent navigation and interactions across several complex student workflows
Delivered a clickable prototype that clearly communicates the platform’s features and product vision
FigmaWireframingInteractive PrototypingUI/UX Design

About This Project

Vibe Canvas is a UI/UX wireframe concept for an educational social media platform that combines coursework, lecture videos, messaging, coaching, and student networking. The interactive Figma prototype demonstrates how students could manage courses, communicate with classmates and instructors, schedule appointments, join groups, and participate in a personalized social community from one connected platform.

TIMELINE

Day 1

Research and Feature Planning

Defined the target users, identified the core platform features, and examined the challenges created by disconnected educational tools.

Day 2

Information Architecture and User Flows

Organized the navigation and mapped workflows for courses, messaging, videos, groups, coaching appointments, and social engagement.

Day 3

Wireframe Design

Designed the dashboard, profiles, courses, video content, messaging, scheduling, groups, and personalized social-feed screens.

Day 4

Prototyping and Refinement

Connected the wireframes into an interactive Figma prototype, tested navigation consistency, refined key interactions, and prepared the project for presentation.

PROJECT MEDIA

See It In Action.

Vibe Canvas screenshot 1
Vibe Canvas screenshot 2
Vibe Canvas screenshot 3
Vibe Canvas screenshot 4
Vibe Canvas screenshot 5
Vibe Canvas screenshot 6
Vibe Canvas screenshot 7
Vibe Canvas screenshot 8
Vibe Canvas screenshot 9

EXPLORE THE PROJECT