Compatibility Check
Compares cultural relatability, mindset matching, and lifestyle fit side-by-side to ensure relationship resonance before starting chat loops.
Mobile App / Dating Experience
Vyybee Case Study
A Gen Z dating app designed around compatibility metrics, future goals, and relationship feedback loops instead of the superficial swiping loop. Live on Google Play Store.
Role
UI/UX Design, User Flows, Prototyping
Tools Used
Figma, Miro, ProtoPie, Maze
App Status
Live on Google Play Store
Project Brief
Vyybee is a Gen Z dating app designed around compatibility metrics, future goals, and relationship feedback loops instead of the superficial swiping loop. Below is a breakdown of the core user experience challenges and how the design system addresses them.
Problem & Solution
Problem
Solution
Traditional dating products stop at the "match." Gen Z users face severe swipe fatigue and superficial matches, leading to awkward, short-lived chats that rarely reveal real emotional or intellectual compatibility.
Problem
Solution
1
2
Design interactive matchmaking features—like Compatibility Check, Future Goals alignment, and Mind Reader quizzes—to initiate meaningful conversations and break the ice naturally.
Problem
Solution
1
2
Calculate and display a live Vibe Score based on real-time conversational activity, comfort levels, and interactive feedback loops to build trust and connection.
Design Concept
Visualizing emotional interactions and systems.
A mobile app for Gen Z requires a visual system that feels alive, premium, and interactive. The design blends dark translucent glass widgets, neon glowing connection curves, and emotional markers. It creates an interface that represents emotional chemistry dynamically, giving matching a tangible, playful feedback dashboard.
Typography & Color
Light
Regular
Medium
SemiBold
Bold
AaBbCc
Century Gothic
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890/@#$%&*( )
#F03E6E
Primary Pink
#60182C
Deep Maroon
#000000
Pitch Black
#FFFBE7
Warm Ivory
#979797
Cool Gray
#FFFFFF
Pure White
#000000
Background
Key Features
Designing unique interactive loops for connection.
Future Goals
An interactive bucket-list map (e.g., buy a dream house by 2031, travel the world) showing alignment on long-term dreams and life plans.
Mind Reader Challenge
A playful challenge that quizzes users on what they think their match answered, sparking gamified chats and breaking the ice.
Design Gallery
The Complete Vyybee Interface Ecosystem
Case Study Complete
A dating experience with a bold emotional layout.
Vyybee represents the design thinking of taking an app to the playstore by offering interactive, value-focused screens. The final designs successfully launch a highly engaging ecosystem where users can evaluate chat comfort and compatibility in real-time.
Back to Projects