EXISTING DESIGN

During our review of the initial homepage design, we discovered that the homepage lacked clear task categorization.

Also, each task card was cluttered with multiple disjointed actions. This forced users to navigate across several screens to configure their task preferences, leading to a fragmented experience.

OUR SOLUTION

We divided the daily tasks into distinct morning, afternoon, and evening slots, effectively creating a timeline with clear status completion indicators. This structure helps users immediately grasp their daily agenda, promoting a “less thinking, more doing” approach. 

Additionally, we consolidated multiple action buttons into a single, detailed configuration screen, streamlining task setup and enhancing usability.

THE IDEA BEHIND THE BADGES

We wanted to create a visually engaging reward system. I personally illustrated all the badges, and I wanted them to show clear progression. Each category has its own badges, and they start off simple and gradually become more detailed as users hit bigger milestones.

This not only makes the rewards more meaningful, but it also gives users a tangible sense of achievement as they stick to their habits.

THE IDEA BEHIND THE ANIMATION

The central element is a purple box, chosen intentionally as purple is often associated with calmness, mindfulness, and mental balance.

The box expands and contracts, mimicking the natural movement of the chest during deep breathing, guiding users through the exercise.

QUICK ACCESS TO CALM

For easy access, we designed an iOS widget for the box breathing exercise. With just a tap on their home screen, users can start a guided breathing session without needing to open the app.

This seamless integration encourages users to incorporate mindful breathing into their daily routine.