One Step at a Time
One Step at a Time
One Step at a Time
One Step at a Time
One Step at a Time
Scope of work
App Design, Strategy & Development
App Design, Strategy & Development
App Design, Strategy & Development
Project overview
A to-do app for meaningful progress
A to-do app for meaningful progress
A to-do app for meaningful progress
A to-do app for meaningful progress
Project overview
For my final year Bachelor’s project, I designed a self-care mobile app focused on improving time management, mental health, and productivity. This project allowed me to apply my UI/UX skills to create a meaningful, user-centered solution, enhancing my understanding of design’s impact on well-being.
The app helps users balance work, academics, and personal life through features like habit tracking and mood tracking, journaling and goal setting. It promotes stress management and healthy habits with personalized self-care plans and calming tools, fostering better organization and well-being.
For my final year Bachelor’s project, I designed a self-care mobile app focused on improving time management, mental health, and productivity. This project allowed me to apply my UI/UX skills to create a meaningful, user-centered solution, enhancing my understanding of design’s impact on well-being.
The app helps users balance work, academics, and personal life through features like habit tracking and mood tracking, journaling and goal setting. It promotes stress management and healthy habits with personalized self-care plans and calming tools, fostering better organization and well-being.
For my final year Bachelor’s project, I designed a self-care mobile app focused on improving time management, mental health, and productivity. This project allowed me to apply my UI/UX skills to create a meaningful, user-centered solution, enhancing my understanding of design’s impact on well-being.
The app helps users balance work, academics, and personal life through features like habit tracking and mood tracking, journaling and goal setting. It promotes stress management and healthy habits with personalized self-care plans and calming tools, fostering better organization and well-being.
For my final year Bachelor’s project, I designed a self-care mobile app focused on improving time management, mental health, and productivity. This project allowed me to apply my UI/UX skills to create a meaningful, user-centered solution, enhancing my understanding of design’s impact on well-being.
The app helps users balance work, academics, and personal life through features like habit tracking and mood tracking, journaling and goal setting. It promotes stress management and healthy habits with personalized self-care plans and calming tools, fostering better organization and well-being.
Role
UI/UX Product Designer
UI/UX Product Designer
UI/UX Product Designer
UI/UX Product Designer
Timeline & Year
May - Sept 2024
May - Sept 2024
May - Sept 2024
May - Sept 2024
Team members
2 Developers,
2 Marketers
2 Developers,
2 Marketers
2 Developers,
2 Marketers
2 Developers,
2 Marketers
Tools used
Figma
Figma
Figma
Figma
Challenges:
Challenges:
Challenges:
What features to add and what not to?
Ensuring the user flow accommodates a user's growth?
Niching down to a specific user persona only.
Segregating the MCQs.
What features to add and what not to?
Ensuring the user flow accommodates a user's growth?
Niching down to a specific user persona only.
Segregating the MCQs.
What features to add and what not to?
Ensuring the user flow accommodates a user's growth?
Niching down to a specific user persona only.
Segregating the MCQs.
What features to add and what not to?
Ensuring the user flow accommodates a user's growth?
Niching down to a specific user persona only.
Segregating the MCQs.
Solution(s):
Solution(s):
Solution(s):
Finalizing the features: habit and mood tracking, and journaling.
Adding notifications system to follow around the user.
Cards of motivation and growth for more engagement.
Finalizing the features: habit and mood tracking, and journaling.
Adding notifications system to follow around the user.
Cards of motivation and growth for more engagement.
Finalizing the features: habit and mood tracking, and journaling.
Adding notifications system to follow around the user.
Cards of motivation and growth for more engagement.
Finalizing the features: habit and mood tracking, and journaling.
Adding notifications system to follow around the user.
Cards of motivation and growth for more engagement.
Phase 1: Analysis and Research
The App's Foundation🕵🏻♀️
The App's Foundation🕵🏻♀️
The App's Foundation🕵🏻♀️
The App's Foundation🕵🏻♀️
The App's Foundation🕵🏻♀️
I started my journey by
Building the Anatomy
Building the Anatomy
Building the Anatomy
Building the Anatomy
Building the Anatomy
Project overview
The project began with in-depth discussions about the app's concept and features, guided by feedback from my team and supervisor. The primary focus was on creating a tool that felt personal, approachable, and empowering for users managing their time and mental health.
After finalizing the concept, I delved into extensive research to understand the user personas, their needs, and the requirements of the app. This phase involved identifying pain points and key functionalities. I also focused on the app’s flow and created a list of Q&A to ensure we had a comprehensive view of the app's purpose and goals
The project began with in-depth discussions about the app's concept and features, guided by feedback from my team and supervisor. The primary focus was on creating a tool that felt personal, approachable, and empowering for users managing their time and mental health.
After finalizing the concept, I delved into extensive research to understand the user personas, their needs, and the requirements of the app. This phase involved identifying pain points and key functionalities. I also focused on the app’s flow and created a list of Q&A to ensure we had a comprehensive view of the app's purpose and goals
The project began with in-depth discussions about the app's concept and features, guided by feedback from my team and supervisor. The primary focus was on creating a tool that felt personal, approachable, and empowering for users managing their time and mental health.
After finalizing the concept, I delved into extensive research to understand the user personas, their needs, and the requirements of the app. This phase involved identifying pain points and key functionalities. I also focused on the app’s flow and created a list of Q&A to ensure we had a comprehensive view of the app's purpose and goals
The project began with in-depth discussions about the app's concept and features, guided by feedback from my team and supervisor. The primary focus was on creating a tool that felt personal, approachable, and empowering for users managing their time and mental health.
After finalizing the concept, I delved into extensive research to understand the user personas, their needs, and the requirements of the app. This phase involved identifying pain points and key functionalities. I also focused on the app’s flow and created a list of Q&A to ensure we had a comprehensive view of the app's purpose and goals
Ensure alignement with user needs?
Ensure alignement with user needs?
Ensure alignement with user needs?
Focusing on accessibility & relatability?
Focusing on accessibility & relatability?
Focusing on accessibility & relatability?
Defining clear features like habit tracking, journaling, and progress tracking?
Defining clear features like habit tracking, journaling, and progress tracking?
Defining clear features like habit tracking, journaling, and progress tracking?
Refine the product vision & meet expectations?
Refine the product vision & meet expectations?
Refine the product vision & meet expectations?
Discover
I interviewd ~8 people as a part of the research. This act led me into the discovery of the features to choose and what not to. I built a user persona around it as well.
I interviewd ~8 people as a part of the research. This act led me into the discovery of the features to choose and what not to. I built a user persona around it as well.
I interviewd ~8 people as a part of the research. This act led me into the discovery of the features to choose and what not to. I built a user persona around it as well.
I interviewd ~8 people as a part of the research. This act led me into the discovery of the features to choose and what not to. I built a user persona around it as well.
About
Testing, Learning, and Moodboarding
Testing, Learning, and Moodboarding
Testing, Learning, and Moodboarding
Testing, Learning, and Moodboarding
Testing, Learning, and Moodboarding
Project overview
I explored similar existing apps to see what worked and what didn’t, identifying both strengths and areas for improvement. This research helped shape the app's features and its overall user experience. To bring the app’s vibe to life, I created a moodboard that captured the emotions and aesthetic we wanted to convey. The app that caught my eyes the most were:
I explored similar existing apps to see what worked and what didn’t, identifying both strengths and areas for improvement. This research helped shape the app's features and its overall user experience. To bring the app’s vibe to life, I created a moodboard that captured the emotions and aesthetic we wanted to convey. The app that caught my eyes the most were:
I explored similar existing apps to see what worked and what didn’t, identifying both strengths and areas for improvement. This research helped shape the app's features and its overall user experience. To bring the app’s vibe to life, I created a moodboard that captured the emotions and aesthetic we wanted to convey. The app that caught my eyes the most were:
I explored similar existing apps to see what worked and what didn’t, identifying both strengths and areas for improvement. This research helped shape the app's features and its overall user experience. To bring the app’s vibe to life, I created a moodboard that captured the emotions and aesthetic we wanted to convey. The app that caught my eyes the most were:
Headspace
Headspace
Headspace
ME+
ME+
ME+
Calm
Calm
Calm
Today is the day
Today is the day
Today is the day
Phase 2: Design
Designing the System, One Element at a Time 🪺
Designing the System, One Element at a Time 🪺
Designing the System, One Element at a Time 🪺
Designing the System, One Element at a Time 🪺
Designing the System, One Element at a Time 🪺
I wanted the app to manifest an inviting feeling
So, I crafted the Design System first
So, I crafted the Design System first
So, I crafted the Design System first
So, I crafted the Design System first
So, I crafted the Design System first
To ensure a cohesive and inviting visual experience, I designed a comprehensive design system. This included consistent typography, color schemes, and UI components. I had four different color groups in mind and picked the best one with my team.
Developed a consistent and scalable design system.
Focused on creating an inviting and clean layout for all app screens.
Ensured visual consistency across all user flows and features.
To ensure a cohesive and inviting visual experience, I designed a comprehensive design system. This included consistent typography, color schemes, and UI components. I had four different color groups in mind and picked the best one with my team.
Developed a consistent and scalable design system.
Focused on creating an inviting and clean layout for all app screens.
Ensured visual consistency across all user flows and features.
To ensure a cohesive and inviting visual experience, I designed a comprehensive design system. This included consistent typography, color schemes, and UI components. I had four different color groups in mind and picked the best one with my team.
Developed a consistent and scalable design system.
Focused on creating an inviting and clean layout for all app screens.
Ensured visual consistency across all user flows and features.
To ensure a cohesive and inviting visual experience, I designed a comprehensive design system. This included consistent typography, color schemes, and UI components. I had four different color groups in mind and picked the best one with my team.
Developed a consistent and scalable design system.
Focused on creating an inviting and clean layout for all app screens.
Ensured visual consistency across all user flows and features.
Design System
Design System
Design System
Design System
I then started designing the
Foundation of the app: the Onboarding pages
Foundation of the app: the Onboarding pages
Foundation of the app: the Onboarding pages
Foundation of the app: the Onboarding pages
Foundation of the app: the Onboarding pages
I experimented the design system with the onboarding pages. Thanks to the Figam Community, I could include beautiful and cutest illustrations. It took some time for me to find the ones I vibe right with though! Creds to the respective illustration designers!
I experimented the design system with the onboarding pages. Thanks to the Figam Community, I could include beautiful and cutest illustrations. It took some time for me to find the ones I vibe right with though! Creds to the respective illustration designers!
I experimented the design system with the onboarding pages. Thanks to the Figam Community, I could include beautiful and cutest illustrations. It took some time for me to find the ones I vibe right with though! Creds to the respective illustration designers!
I experimented the design system with the onboarding pages. Thanks to the Figam Community, I could include beautiful and cutest illustrations. It took some time for me to find the ones I vibe right with though! Creds to the respective illustration designers!
Onboarding
Onboarding
Onboarding
Onboarding
Setting up
Setting up
Setting up
Setting up
Next,
Introductions
Introductions
Introductions
Introductions
Introductions
After getting a green signal for the design system and elements used, I started designing the 'Setting up the profile' pages. My supervisor and the team helped get onward in this initial phase. This page was designed with the concept to:
Understand the user needs to get into the app
Collect data to train the algorithm for personalized motivational cards
A little peak to the features of the app.
After getting a green signal for the design system and elements used, I started designing the 'Setting up the profile' pages. My supervisor and the team helped get onward in this initial phase. This page was designed with the concept to:
Understand the user needs to get into the app
Collect data to train the algorithm for personalized motivational cards
A little peak to the features of the app.
After getting a green signal for the design system and elements used, I started designing the 'Setting up the profile' pages. My supervisor and the team helped get onward in this initial phase. This page was designed with the concept to:
Understand the user needs to get into the app
Collect data to train the algorithm for personalized motivational cards
A little peak to the features of the app.
After getting a green signal for the design system and elements used, I started designing the 'Setting up the profile' pages. My supervisor and the team helped get onward in this initial phase. This page was designed with the concept to:
Understand the user needs to get into the app
Collect data to train the algorithm for personalized motivational cards
A little peak to the features of the app.
Setting up the profile
Setting up the profile
Setting up the profile
Setting up the profile
Later,
Designing the System, One Element at a Time
Designing the System, One Element at a Time
Designing the System, One Element at a Time
Designing the System, One Element at a Time
Designing the System, One Element at a Time
With the design system as a foundation, I created the user flow for key feature pages for mood tracking, journaling, and settings/profile. The design aimed to offer a seamless and intuitive experience for the user.
Created detailed user flows to ensure smooth navigation.
Focused on simplifying complex tasks into easy-to-use interactions.
Prioritized clarity and engagement across all app features.
With the design system as a foundation, I created the user flow for key feature pages for mood tracking, journaling, and settings/profile. The design aimed to offer a seamless and intuitive experience for the user.
Created detailed user flows to ensure smooth navigation.
Focused on simplifying complex tasks into easy-to-use interactions.
Prioritized clarity and engagement across all app features.
With the design system as a foundation, I created the user flow for key feature pages for mood tracking, journaling, and settings/profile. The design aimed to offer a seamless and intuitive experience for the user.
Created detailed user flows to ensure smooth navigation.
Focused on simplifying complex tasks into easy-to-use interactions.
Prioritized clarity and engagement across all app features.
With the design system as a foundation, I created the user flow for key feature pages for mood tracking, journaling, and settings/profile. The design aimed to offer a seamless and intuitive experience for the user.
Created detailed user flows to ensure smooth navigation.
Focused on simplifying complex tasks into easy-to-use interactions.
Prioritized clarity and engagement across all app features.
Sample of 'Habit tracking'
Sample of 'Habit tracking'
Sample of 'Habit tracking'
Sample of 'Habit tracking'
Sample of 'Mood tracking'
Sample of 'Mood tracking'
Sample of 'Mood tracking'
Sample of 'Mood tracking'
Sample of 'Journal entries'
Sample of 'Journal entries'
Sample of 'Journal entries'
Sample of 'Journal entries'
Sample of 'Setting/Profile'
Sample of 'Setting/Profile'
Sample of 'Setting/Profile'
Sample of 'Setting/Profile'
Phase 3: Deliver
Project Presentation Day 💅🏻
Project Presentation Day 💅🏻
Project Presentation Day 💅🏻
Project Presentation Day 💅🏻
Project Presentation Day 💅🏻
Last but not the least,
Developed while designing then delivered the project..
Developed while designing then delivered the project..
Developed while designing then delivered the project..
Developed while designing then delivered the project..
As I worked on the designs, development ran in parallel. This collaborative process allowed me to receive real-time feedback from developers, ensuring the designs were feasible and aligned with the technical aspects. Iteration was key, as I refined the design to enhance user experience further.
Collaborated with developers to ensure smooth design implementation.
Continuously iterated on design based on feedback and testing of the supervisor.
Ensured seamless integration of design elements and functionality.
Made further tiny bit improvements as the project came live.
As I worked on the designs, development ran in parallel. This collaborative process allowed me to receive real-time feedback from developers, ensuring the designs were feasible and aligned with the technical aspects. Iteration was key, as I refined the design to enhance user experience further.
Collaborated with developers to ensure smooth design implementation.
Continuously iterated on design based on feedback and testing of the supervisor.
Ensured seamless integration of design elements and functionality.
Made further tiny bit improvements as the project came live.
As I worked on the designs, development ran in parallel. This collaborative process allowed me to receive real-time feedback from developers, ensuring the designs were feasible and aligned with the technical aspects. Iteration was key, as I refined the design to enhance user experience further.
Collaborated with developers to ensure smooth design implementation.
Continuously iterated on design based on feedback and testing of the supervisor.
Ensured seamless integration of design elements and functionality.
Made further tiny bit improvements as the project came live.
Final Delivery
Final Delivery
Final Delivery
Under the supervision of my seniors, we made
Reflecting..
Reflecting..
Reflecting..
Reflecting..
Reflecting..
I'd like to give a
Shout out to the amazing people I came across in this project
Shout out to the amazing people I came across in this project
Shout out to the amazing people I came across in this project
Shout out to the amazing people I came across in this project
Slesha
Slesha
Slesha
Slesha
Marketer
Marketer
Marketer
Rajat
Rajat
Rajat
Rajat
Developer
Developer
Developer
Aarya
Aarya
Aarya
Aarya
Markerter
Markerter
Markerter
Deeraj
Deeraj
Deeraj
Deeraj
Developer
Developer
Developer
Apex College
Apex College
Apex College
Apex College
The entire org.
The entire org.
The entire org.
It's a wrap!
Next: Discrete E-commerce
It's a wrap!
Next: Discrete E-commerce
It's a wrap!
Next: Discrete E-commerce
It's a wrap!
Next: Discrete E-commerce
->
->
->
->
->