Design a personalized habit tracker app with real-time community challenges to help users achieve their goals.

Design a personalized habit tracker app with real-time community challenges to help users achieve their goals.

This passion project focuses on designing a personalized habit tracker app that empowers users to track their progress, set personalized goals, and engage with a supportive community to stay motivated. By combining individual habit tracking with interactive challenges, the app encourages accountability and fosters a sense of connection, making goal achievement more engaging and fun.

My role

UX Designer

Timeline

April - May 2022

Platform

Mobile Application

_Pain points

Through conducting user interviews, I uncovered key frustrations that people face when trying to establish new habits.

lorem ipsum Through conducting user interviews, I uncovered key frustrations that people face when trying to establish new habits.

A recurring theme was the initial enthusiasm that quickly fizzles out after a few days. Many users felt that traditional habit-tracking tools either became a chore or failed to accommodate their unique routines.

1

Lose motivation after a few days

2

Find tracking system restrictive or redundant

3

Disorganized in managing and scheduling time to work on habits

_Persona

I created user personas based on 5 user interviews

I created user personas based on 5 user interviews

Through user persona, I can better address the needs of users looking for motivation, simplicity, and support in their habit-tracking journey.

_Competitive audit

I analyzed the apps of several direct and indirect competitors

I analyzed the apps of several direct and indirect competitors

…to get a well-rounded foundation of knowledge about the market my product will enter. Although the majority of the features between competitors were very similar, I noticed several key differences:

  • Preset vs customizable habit

  • Real-time challenge vs no challenge 

  • Blog and community sections


_Sitemap

I created a sitemap to outline the core structure of the

I created a sitemap to outline the core structure of the

ensuring users can seamlessly navigate through its key features. The structure emphasizes ease of use and efficient access to essential functions, providing a clear and intuitive experience for users looking to build and sustain productive habits.

_User flows

I constructed a user flow to visualize the journey users take

I constructed a user flow to visualize the journey users take

I constructed a user flow of what a basic start to finish journey looks like while using BeCOME to understand how users can effectively move through the app overall. Key decision points, such as inviting friends or posting discussions, are integrated to enhance user engagement and community interaction.

_Style guide

The style guide establishes a cohesive visual language

The style guide establishes a cohesive visual language

The color palette is designed to be calming yet motivating, with a primary focus on shades of blue to evoke trust and reliability, and a complementary accent of warm orange to create contrast and highlight call-to-action elements.

_Wireframes

The wireframes serve as the foundational blueprint of the app's structure and functionality.

The wireframes serve as the foundational blueprint of the app's structure and functionality.

The design highlights core features such as the habit creation flow, community challenges, and progress tracking, all while maintaining a minimalist aesthetic.

_Final Design

The final design of BeCOME app offers users a holistic platform that balances personal habit tracking with the power of community support, motivating them to achieve their goals.

The final design of BeCOME app offers users a holistic platform that balances personal habit tracking with the power of community support, motivating them to achieve their goals.

The design emphasizes simplicity and clarity, ensuring that users can easily navigate between tasks, track their progress, and engage with community challenges. Key interactions, such as joining challenges or checking progress, are enhanced with visual cues and animations that reinforce user actions without being overwhelming. The dashboard offers a clear overview of habits, challenges, and streaks, encouraging users to stay consistent.