Hablu's Heartbreak

Overview:
Hablu’s Heartbreak is a thoughtfully designed UI/UX prototype of a lifestyle management app aimed at students and young adults striving to improve their daily lives. The design emphasizes simplicity, clarity, and emotional engagement, focusing on areas like fitness, study, and sleep while integrating motivating upgrade programs and a clean information hub.

Design Highlights:

• Modular Dashboard: Color-coded daily tracker cards for fitness, study, and sleep

• Gamified Progress: Visual levels and badges for completing routines

• Upgrade Programs Page: Intuitive layout for exploring self-development programs (e.g., "Boost Your IQ", "Build a Reading Habit")

• Knowledge & News Section: Minimalist newsfeed with swipeable micro-articles and explainers

• Motivational UI: Calming color palette, animated feedback, and soft gradients for a coach-like feel

• Consistency Indicators: Dots or streak lines that help users visualize habit consistency
  
  

Tools Used:

• Figma / Adobe XD for wireframing and prototyping

• Canva / Illustrator for icons and visual assets

• Color theory and accessibility principles applied for inclusivity
  
  

Design Goal:
To create a lifestyle app UI that is not just functional but inspiring—helping users form healthy routines and learn more every day, all through an engaging and emotionally resonant interface.