Project Overview
Overview
DailyLoop is a habit tracking mobile app designed to help people stay consistent with their daily routines through reminders, progress tracking, and motivational insights.
Role
UX Designer • UI Designer • Researcher
UX Designer • UI Designer • Researcher
Tools
-Figma
-Figma
Duration
1 Month
1 Month
The Process
Problem Definition
Research & Insights
Solution Formula
Design Process
Prototype Testing
Final Outcome
Problem Definition
Research & Insights
Solution Formula
Design Process
Prototype Testing
Final Outcome
Problem Definition
Research & Insights
Solution Formula
Design Process
Prototype Testing
Final Outcome
Problem Statement
Problem Statement
Problem Statement
Background
Background
Many people want to improve their daily routines, whether it is exercising regularly, studying consistently, or building healthier habits. However, maintaining these routines over time can be challenging without a system that supports motivation and progress tracking.
Many people want to improve their daily routines, whether it is exercising regularly, studying consistently, or building healthier habits. However, maintaining these routines over time can be challenging without a system that supports motivation and progress tracking.
The Problem
The Problem
Most users struggle to stay consistent because they forget to track their habits, lose motivation after missing a few days, or find existing habit-tracking apps overly complicated.
Without a simple and engaging system, users often abandon their habits before they become part of their routine.
Most users struggle to stay consistent because they forget to track their habits, lose motivation after missing a few days, or find existing habit-tracking apps overly complicated.
Without a simple and engaging system, users often abandon their habits before they become part of their routine.
Who is Affected
Who is Affected
Students, professionals, and individuals who want to improve their productivity, health, or personal growth but need a simple way to track habits and stay motivated.
Students, professionals, and individuals who want to improve their productivity, health, or personal growth but need a simple way to track habits and stay motivated.
Research
Research
Research
Competitive Analysis
Competitive Analysis
To better understand the market, I reviewed several popular habit tracking applications. The goal was to identify common features, strengths, and usability gaps.
To better understand the market, I reviewed several popular habit tracking applications. The goal was to identify common features, strengths, and usability gaps.
Competitive Name
Competitive Name
Competitive Name
Habitify
Habitify
Streaks
Streaks
Streaks
Streaks
Target audience
Target audience
Target audience
Gamification users, gamers
Gamification users, gamers
Gamification users, gamers
Minimalists, productivity users
Minimalists, productivity users
Minimalists, productivity users
iOS users, simple trackers
iOS users, simple trackers
iOS users, simple trackers
General users, professionals
General users, professionals
General users, professionals
Weaknesses
Weaknesses
Weaknesses
Complex, overwhelming UI
Complex, overwhelming UI
Complex, overwhelming UI
Lacks motivation features
Lacks motivation features
Lacks motivation features
Limited features, iOS only
Limited features, iOS only
Limited features, iOS only
Slightly cluttered, paywall features
Slightly cluttered, paywall features
Slightly cluttered, paywall features
Strengths
Strengths
Strengths
Highly engaging, gamified experience
Highly engaging, gamified experience
Highly engaging, gamified experience
Clean UI, strong analytics
Clean UI, strong analytics
Clean UI, strong analytics
Very simple, fast to use
Very simple, fast to use
Very simple, fast to use
Balanced features, good UX
Balanced features, good UX
Balanced features, good UX
Simple UI
Simple UI
Simple UI
Reminders
Reminders
Reminders
AI Features
AI Features
AI Features
Onboarding Simplicity
Onboarding Simplicity
Onboarding Simplicity
Cross Platform
Cross Platform
Cross Platform
Easy Habit Tracking
Easy Habit Tracking
Easy Habit Tracking
Motivation System
Motivation System
Motivation System
Key observations included:
Key observations included:
Many apps provide powerful tracking tools but feel complicated
Many apps provide powerful tracking tools but feel complicated
Some apps focus on gamification rather than simplicity
Some apps focus on gamification rather than simplicity
Progress tracking is often difficult to interpret
Progress tracking is often difficult to interpret
Motivation systems are sometimes missing or weak
Motivation systems are sometimes missing or weak
Key Insights
Users forget to track habits
Users forget to track habits
Many people start habits with motivation but forget to log them daily.
Many people start habits with motivation but forget to log them daily.
Existing apps feel complicated
Existing apps feel complicated
Users prefer a clean and minimal interface that does not require too many steps.
Users prefer a clean and minimal interface that does not require too many steps.
Motivation increases consistency
Motivation increases consistency
Progress visualization, streak tracking, and reminders help users stay consistent.
Progress visualization, streak tracking, and reminders help users stay consistent.
User Interviews
To better understand how people currently manage their habits and where they struggle, I conducted informal user interviews using online discussions and feedback from productivity communities and social media platforms.
These conversations helped reveal common frustrations people face when trying to maintain consistent habits.
To better understand how people currently manage their habits and where they struggle, I conducted informal user interviews using online discussions and feedback from productivity communities and social media platforms.
These conversations helped reveal common frustrations people face when trying to maintain consistent habits.
Key Questions
What makes it difficult for you to stay consistent with habits?
What makes it difficult for you to stay consistent with habits?
What makes it difficult for you to stay consistent with habits?
Have you used a habit tracker before? What problems did you face?
Have you used a habit tracker before? What problems did you face?
What would make a habit tracking app more useful for you?
What would make a habit tracking app more useful for you?
This is what I found
Many users mentioned forgetting to track habits or losing motivation after missing a few days.
Many users mentioned forgetting to track habits or losing motivation after missing a few days.
Several users said that existing apps felt complicated or required too many steps to log a habit.
Several users said that existing apps felt complicated or required too many steps to log a habit.
Users said they wanted simple tracking, reminders, and clear progress visualization that keeps them motivated.
Users said they wanted simple tracking, reminders, and clear progress visualization that keeps them motivated.
Key Insights from Interviews
Users often forget to track habits daily
Users often forget to track habits daily
Many habit apps feel too complex
Many habit apps feel too complex
Progress visualization increases motivation
Progress visualization increases motivation
Reminders help users stay consistent
Reminders help users stay consistent
These insights guided the direction of the design.
These insights guided the direction of the design.
User Personas
Alex D.
Alex D.
Age: 24
Status: Student
Occupation: University Student
Personality:
Personality:
Motivated
easily distracted
Thinker
Bio
Bio
“Alex wants to build better daily routines such as studying regularly and exercising. However, he often forgets to track his habits and struggles to stay consistent over long periods.”
Goals
Goals
Build a consistent study routine
Build a consistent study routine
Track daily progress easily
Track daily progress easily
Stay motivated through streaks
Stay motivated through streaks
Frustrations
Frustrations
Forgetting to track habits
Forgetting to track habits
Complicated productivity apps
Complicated productivity apps
Losing motivation after missing days
Losing motivation after missing days
Alex D.
Age: 24
Status: Student
Occupation: University Student
Personality:
Motivated
easily distracted
Thinker
Bio
“Alex wants to build better daily routines such as studying regularly and exercising. However, he often forgets to track his habits and struggles to stay consistent over long periods.”
Goals
Build a consistent study routine
Track daily progress easily
Stay motivated through streaks
Frustrations
Forgetting to track habits
Complicated productivity apps
Losing motivation after missing days
Sarah T.
Sarah T.
Age: 31
Status: Working Professional
Occupation: Marketing Manager
Personality:
Personality:
Busy
goal-oriented
organized
Bio
Bio
“Sarah wants to maintain healthy habits while managing a busy work schedule. She needs a simple solution that reminds her about habits and helps her track progress quickly.”
Goals
Goals
Maintain a healthy lifestyle
Maintain a healthy lifestyle
Track habits quickly
Track habits quickly
Receive reminders during busy days
Receive reminders during busy days
Frustrations
Frustrations
Lack of time to manage complex apps
Lack of time to manage complex apps
Losing motivation when progress is unclear
Losing motivation when progress is unclear
Forgetting habits during stressful weeks
Forgetting habits during stressful weeks
Sarah T.
Age: 31
Status: Working Professional
Occupation: Marketing Manager
Personality:
Busy
goal-oriented
organized
Bio
“Sarah wants to maintain healthy habits while managing a busy work schedule. She needs a simple solution that reminds her about habits and helps her track progress quickly.”
Goals
Maintain a healthy lifestyle
Track habits quickly
Receive reminders during busy days
Frustrations
Lack of time to manage complex apps
Losing motivation when progress is unclear
Forgetting habits during stressful weeks
Define
Define
Define
Key Features
Key Features
Based on the research and defined problems, the following core features were designed for DailyLoop.
Based on the research and defined problems, the following core features were designed for DailyLoop.
Checking Project Goals
Checking Project Goals
To ensure the design meets both user needs and product objectives, I analyzed the overlap between user goals and product goals.
To ensure the design meets both user needs and product objectives, I analyzed the overlap between user goals and product goals.
User Goals
User Goals
User Goals
Stay consistent with habits
Stay consistent with habits
Stay consistent with habits
Receive reminders and motivation
Receive reminders and motivation
Receive reminders and motivation
Track progress easily
Track progress easily
Track progress easily
Project Goals
Project Goals
Project Goals
Design a simple habit tracking system
Design a simple habit tracking system
Design a simple habit tracking system
Make progress visualization motivating
Make progress visualization motivating
Make progress visualization motivating
Reduce friction when creating and tracking habits
Reduce friction when creating and tracking habits
Reduce friction when creating and tracking habits
Business Goals
Business Goals
Business Goals
Create an engaging habit tracking experience
Create an engaging habit tracking experience
Create an engaging habit tracking experience
Encourage daily user engagement
Encourage daily user engagement
Encourage daily user engagement
Provide meaningful progress insights
Provide meaningful progress insights
Provide meaningful progress insights
Problem statements & hypotheses
Problem statements & hypotheses
Based on research and user insights, several key problems were identified when people try to build and maintain daily habits.
Based on research and user insights, several key problems were identified when people try to build and maintain daily habits.
Many people struggle to stay consistent with habits because they forget to track them daily.
Many people struggle to stay consistent with habits because they forget to track them daily.
Many people struggle to stay consistent with habits because they forget to track them daily.
Existing habit tracking apps are often too complicated or require too many steps to log a habit.
Existing habit tracking apps are often too complicated or require too many steps to log a habit.
Existing habit tracking apps are often too complicated or require too many steps to log a habit.
Users lose motivation when they cannot clearly see their progress over time.
Users lose motivation when they cannot clearly see their progress over time.
Users lose motivation when they cannot clearly see their progress over time.
People find it difficult to build habits without reminders or supportive feedback.
People find it difficult to build habits without reminders or supportive feedback.
People find it difficult to build habits without reminders or supportive feedback.
New users feel overwhelmed when starting a habit tracker without guidance or personalization.
New users feel overwhelmed when starting a habit tracker without guidance or personalization.
New users feel overwhelmed when starting a habit tracker without guidance or personalization.
If users receive smart reminders and notifications, they will be more likely to stay consistent with their habits.
If users receive smart reminders and notifications, they will be more likely to stay consistent with their habits.
If users receive smart reminders and notifications, they will be more likely to stay consistent with their habits.
If the habit tracking process is simplified, users will log their habits more frequently.
If the habit tracking process is simplified, users will log their habits more frequently.
If the habit tracking process is simplified, users will log their habits more frequently.
If progress is visualized through charts, streaks, and completion rings, users will feel more motivated to continue their habits.
If progress is visualized through charts, streaks, and completion rings, users will feel more motivated to continue their habits.
If progress is visualized through charts, streaks, and completion rings, users will feel more motivated to continue their habits.
If users can personalize their habits and focus areas during onboarding, they will feel more engaged with the app.
If users can personalize their habits and focus areas during onboarding, they will feel more engaged with the app.
If users can personalize their habits and focus areas during onboarding, they will feel more engaged with the app.
If the interface is clean and intuitive, new users will adopt the app quickly without confusion.
If the interface is clean and intuitive, new users will adopt the app quickly without confusion.
If the interface is clean and intuitive, new users will adopt the app quickly without confusion.
Ideate
Ideate
Ideate
Information Architecture
Information Architecture
The app structure was designed to keep habit tracking simple and intuitive. Core sections such as Home, Habit Creation, Calendar Tracking, Analytics, and Profile allow users to easily access their habits and progress.
The app structure was designed to keep habit tracking simple and intuitive. Core sections such as Home, Habit Creation, Calendar Tracking, Analytics, and Profile allow users to easily access their habits and progress.
User Flow
User Flow
The user flow focuses on guiding users smoothly from onboarding to daily habit tracking.
The user flow focuses on guiding users smoothly from onboarding to daily habit tracking.
Wireframe
Wireframe
Low-fidelity wireframes were created to define the layout and structure before moving into visual design. Key screens include:
Low-fidelity wireframes were created to define the layout and structure before moving into visual design. Key screens include:
Layout Decision
Layout Decision
Every screen in DailyLoop is designed to feel simple, clear, and easy to use. Instead of adding complexity, the focus was on guiding users naturally—helping them stay consistent, understand their progress, and take action without overthinking.
Every screen in DailyLoop is designed to feel simple, clear, and easy to use. Instead of adding complexity, the focus was on guiding users naturally—helping them stay consistent, understand their progress, and take action without overthinking.
Welcome Screen
Sign Up Screen
Home Screen
Add New Habit Screen
Calendar / Tracking Screen
Progress & Analytics Screen
Habit Detail Screen
AI Coach Screen
Settings Screen
Ui Design
Ui Design
Ui Design
Introduction
Introduction
The UI design focuses on simplicity, clarity, and motivation. The goal was to create an interface that encourages users to build habits without overwhelming them with complexity.
A clean layout combined with strong visual feedback helps users stay focused on progress and consistency.
The UI design focuses on simplicity, clarity, and motivation. The goal was to create an interface that encourages users to build habits without overwhelming them with complexity.
A clean layout combined with strong visual feedback helps users stay focused on progress and consistency.
Design System
Design System
Color palette
Color palette
The primary color used in the interface is Green (#A8E100). This color was chosen because it represents growth, health, and progress.
Secondary colors include white and black to create contrast and maintain a clean and minimal aesthetic.
The primary color used in the interface is Green (#A8E100). This color was chosen because it represents growth, health, and progress.
Secondary colors include white and black to create contrast and maintain a clean and minimal aesthetic.
Typography
Typography
A modern and highly readable typeface was selected to ensure clarity across the interface. I used the "SF Pro" font for its clean and approachable look. The typography hierarchy helps users quickly identify important information such as habit status and progress.
A modern and highly readable typeface was selected to ensure clarity across the interface. I used the "SF Pro" font for its clean and approachable look. The typography hierarchy helps users quickly identify important information such as habit status and progress.
UI Elements
UI Elements
To keep the experience simple and consistent, I used a set of reusable UI elements across the app. Components like buttons, cards, input fields, and navigation bars are designed to feel familiar, helping users move through the app without confusion or extra effort.
To keep the experience simple and consistent, I used a set of reusable UI elements across the app. Components like buttons, cards, input fields, and navigation bars are designed to feel familiar, helping users move through the app without confusion or extra effort.
High-Fidelity Screens
High-Fidelity Screens
The high-fidelity designs bring the wireframes to life with a clean and consistent visual style. The focus was on creating an interface that feels simple, intuitive, and motivating, allowing users to track habits and stay consistent without unnecessary complexity.
The high-fidelity designs bring the wireframes to life with a clean and consistent visual style. The focus was on creating an interface that feels simple, intuitive, and motivating, allowing users to track habits and stay consistent without unnecessary complexity.
Welcome Screen : Introduces the app with a clear message and single action to guide users forward without confusion.
Welcome Screen : Introduces the app with a clear message and single action to guide users forward without confusion.
Sign in : Uses a simple and familiar form to help users create an account quickly with minimal effort.
Sign in : Uses a simple and familiar form to help users create an account quickly with minimal effort.
Home (Dashboard): Displays daily habits and progress in a clear layout so users can instantly understand and take action.
Home (Dashboard): Displays daily habits and progress in a clear layout so users can instantly understand and take action.
Add New Habit: Provides a structured yet flexible way to create habits while keeping the process simple and engaging.
Add New Habit: Provides a structured yet flexible way to create habits while keeping the process simple and engaging.
Calendar / Tracking: Visualizes habit consistency over time, helping users easily identify patterns and progress.
Calendar / Tracking: Visualizes habit consistency over time, helping users easily identify patterns and progress.
Progress & Analytics: Presents data through simple visuals to motivate users and make progress easy to understand.
Progress & Analytics: Presents data through simple visuals to motivate users and make progress easy to understand.
Habit Detail : Focuses on one habit with clear progress feedback to encourage completion and consistency.
Habit Detail : Focuses on one habit with clear progress feedback to encourage completion and consistency.
AI Coach : Delivers tips and insights in a simple way to support users without overwhelming them.
AI Coach : Delivers tips and insights in a simple way to support users without overwhelming them.
Settings : Organizes options into clear sections so users can manage preferences quickly and easily.
Settings : Organizes options into clear sections so users can manage preferences quickly and easily.
Usability Test
Usability Test
Usability Test
Objective
Objective
The goal of the usability test was to evaluate how easily users can interact with DailyLoop and complete key tasks such as creating a habit, tracking progress, and navigating between screens. The focus was on identifying points of confusion, measuring ease of use, and understanding how the design supports consistency and motivation.
The goal of the usability test was to evaluate how easily users can interact with DailyLoop and complete key tasks such as creating a habit, tracking progress, and navigating between screens. The focus was on identifying points of confusion, measuring ease of use, and understanding how the design supports consistency and motivation.
Methodology
Methodology
The usability testing was conducted using a clickable high-fidelity prototype of DailyLoop. Participants were given realistic scenarios to simulate how they would use the app in everyday life.
For example, users were asked to:
The usability testing was conducted using a clickable high-fidelity prototype of DailyLoop. Participants were given realistic scenarios to simulate how they would use the app in everyday life.
For example, users were asked to:
Create a new habit such as “Drink water daily”
Create a new habit such as “Drink water daily”
Mark a habit as completed from the home screen
Mark a habit as completed from the home screen
Check their weekly progress in the analytics section
Check their weekly progress in the analytics section
Find and update a setting
Find and update a setting
While they performed these tasks, I observed how they navigated the interface, where they paused, and what caused confusion. I also noted how long it took them to complete each task and whether they were able to complete it without assistance.
While they performed these tasks, I observed how they navigated the interface, where they paused, and what caused confusion. I also noted how long it took them to complete each task and whether they were able to complete it without assistance.
After the session, users shared feedback about what felt easy, what felt difficult, and what they expected differently. This helped identify usability issues and areas for improvement in the design.
After the session, users shared feedback about what felt easy, what felt difficult, and what they expected differently. This helped identify usability issues and areas for improvement in the design.
Findings & Improvements
Findings & Improvements
Key Findings:
Key Findings:
1. Habit creation felt slightly long for some users
Users expected a faster way to add habits without going through multiple steps.
1. Habit creation felt slightly long for some users
Users expected a faster way to add habits without going through multiple steps.
2. Progress insights were useful but not immediately clear
Some users needed a moment to understand charts and data.
2. Progress insights were useful but not immediately clear
Some users needed a moment to understand charts and data.
3. Users relied heavily on the home screen
Most users preferred completing actions directly from the dashboard.
3. Users relied heavily on the home screen
Most users preferred completing actions directly from the dashboard.
4. Navigation was easy but could be more intuitive
A few users hesitated when switching between sections.
4. Navigation was easy but could be more intuitive
A few users hesitated when switching between sections.
5. Motivation increased with visual feedback
Users responded positively to progress indicators and completion feedback.
5. Motivation increased with visual feedback
Users responded positively to progress indicators and completion feedback.
Improvements Made:
Improvements Made:
Simplified the layout and reduced unnecessary inputs to make habit creation quicker.
Simplified the layout and reduced unnecessary inputs to make habit creation quicker.
Improved visual hierarchy and added clearer labels to make progress easier to read.
Improved visual hierarchy and added clearer labels to make progress easier to read.
Prioritized key actions and made the home screen more action-focused.
Prioritized key actions and made the home screen more action-focused.
Refined navigation icons and improved labeling for better clarity.
Refined navigation icons and improved labeling for better clarity.
Enhanced visual feedback (progress rings, highlights) to make achievements more rewarding.
Enhanced visual feedback (progress rings, highlights) to make achievements more rewarding.
Final Outcome
Final Outcome
Final Outcome
Final Outcome
Final Outcome
DailyLoop resulted in a simple, clean, and motivating habit tracking experience. The final design focuses on helping users easily create habits, track progress, and stay consistent through clear visuals and minimal friction.
By combining simplicity with meaningful feedback, the app supports users in building and maintaining better daily routines.
DailyLoop resulted in a simple, clean, and motivating habit tracking experience. The final design focuses on helping users easily create habits, track progress, and stay consistent through clear visuals and minimal friction.
By combining simplicity with meaningful feedback, the app supports users in building and maintaining better daily routines.
A clean and easy-to-navigate desktop design.
A clean and easy-to-navigate desktop design.
View Full Prototype
View Full Prototype