Goalify
Goalify
Goalify
Personal Project
Role:
UX
Research
Design System
Prototyping
Personal Project
Role:
UX
Research
Design System
Prototyping
Duration
10 days
Duration
10 days
Year
2024
Year
2024
Goalify is a productivity app that empowers users to effectively manage their time and reach their goals for different activities.
It integrates with Google Calendar, offering intuitive goal setting, progress tracking, and focus-enhancing features.
01
Context
Structuring my day with Google Calendar has become a part of my daily routine. However, it is always a challenge to determine if I am truly making progress toward my goals and not spending more time than I intend on specific activities. This has led me to wonder if others face the same issue and are in search of a solution that aids in managing time effectively and making sure you are reaching your goals.
01
Context
Structuring my day with Google Calendar has become a part of my daily routine. However, it is always a challenge to determine if I am truly making progress toward my goals and not spending more time than I intend on specific activities. This has led me to wonder if others face the same issue and are in search of a solution that aids in managing time effectively and making sure you are reaching your goals.
01
Context
Structuring my day with Google Calendar has become a part of my daily routine. However, it is always a challenge to determine if I am truly making progress toward my goals and not spending more time than I intend on specific activities. This has led me to wonder if others face the same issue and are in search of a solution that aids in managing time effectively and making sure you are reaching your goals.
02
Research & Strategy
The first thing I did was to define the problem statement: "We will evaluate how individuals currently track their time across work, leisure, and personal activities and how important it is to effectively manage their time."
I decided to create a survey and send it to potential target users to learn more about their habits and how important it is for them to know the time they spend on different activities. This survey targeted people interested in productivity, time management, and discipline. It was available publicly for 24 hours, and I received 65 responses.
02
Research & Strategy
The first thing I did was to define the problem statement: "We will evaluate how individuals currently track their time across work, leisure, and personal activities and how important it is to effectively manage their time."
I decided to create a survey and send it to potential target users to learn more about their habits and how important it is for them to know the time they spend on different activities. This survey targeted people interested in productivity, time management, and discipline. It was available publicly for 24 hours, and I received 65 responses.
02
Research & Strategy
The first thing I did was to define the problem statement: "We will evaluate how individuals currently track their time across work, leisure, and personal activities and how important it is to effectively manage their time."
I decided to create a survey and send it to potential target users to learn more about their habits and how important it is for them to know the time they spend on different activities. This survey targeted people interested in productivity, time management, and discipline. It was available publicly for 24 hours, and I received 65 responses.
After analyzing the survey results, I wanted to delve deeper to better understand the solutions people have already tried, identify what is lacking, and explore the challenges they continue to face. I was also keen to gauge their receptiveness to a new product designed to address these issues.
Consequently, I reached out to individuals who mentioned using "Google Calendar" and those who had attempted other solutions to tackle their challenges. I successfully interviewed five people.
I then organized the interview findings in a structured manner, allowing me to clearly review the challenges identified and formulate potential solutions.
03
Ideation
After reviewing the data from the interviews, I decided to design a web app featuring four key components for the minimum viable product (MVP):
Integration with Google Calendar
You can connect your Google Calendar to the app, ensuring that all activities you organize there are automatically imported into the app.
Setting Goals
Once you select the activities you wish to track from your calendar, you can set a time goal for each, specifying the number of hours you wish to dedicate, the frequency per week, and the specific days for these activities.
Tracking Time Spent
The app will monitor the time you spend on various activities based on your calendar entries, allowing you to view your progress over different months and compare it to your set goals.
Focus Sessions
You can block apps and websites to minimize distractions and enhance your productivity during designated periods, or "sessions."
04
Information Architecture
Before starting to design the wireframes, I wanted to make sure the app structure was as intuitive and as simple as possible. Therefore, I created a first version of the IA and tested it with users from the interviews with the aim of getting feedback and refining the initial version.
05
Low Fidelity
I did some sketches following the IA to have a guide for the mid and high-fidelity wireframes. I only did the sketches for the main funcionalities of the app.
06
Design system
I began the process by identifying and defining the essential UI components, including buttons, typography, color palettes, and form elements. Each component was documented, detailing its functionality and usage guidelines. I wanted to guarantee consistency across the system, addressing key aspects such as accessibility, responsiveness, and interaction patterns. Additionally, I created variables to ensure the design was consistent, easily adaptable, and optimizable.
07
High Fidelity
I created high-fidelity wireframes for the app's main functionalities with the goal of testing them with real users and iterating until the solution became intuitive, functional, and effectively addressed the problems these users are experiencing.
08
Next steps
The next step is to conduct usability testing with real users. The goal is to have them interact with a prototype to gain valuable insights and feedback, iterating the product until we arrive at the final solution. This process ensures that the product not only meets the intended needs but also aligns with the end-users' actual experiences.
03
Ideation
After reviewing the data from the interviews, I decided to design a web app featuring four key components for the minimum viable product (MVP):
Integration with Google Calendar
You can connect your Google Calendar to the app, ensuring that all activities you organize there are automatically imported into the app.
Setting Goals
Once you select the activities you wish to track from your calendar, you can set a time goal for each, specifying the number of hours you wish to dedicate, the frequency per week, and the specific days for these activities.
Tracking Time Spent
The app will monitor the time you spend on various activities based on your calendar entries, allowing you to view your progress over different months and compare it to your set goals.
Focus Sessions
You can block apps and websites to minimize distractions and enhance your productivity during designated periods, or "sessions."
03
Ideation
After reviewing the data from the interviews, I decided to design a web app featuring four key components for the minimum viable product (MVP):
Integration with Google Calendar
You can connect your Google Calendar to the app, ensuring that all activities you organize there are automatically imported into the app.
Setting Goals
Once you select the activities you wish to track from your calendar, you can set a time goal for each, specifying the number of hours you wish to dedicate, the frequency per week, and the specific days for these activities.
Tracking Time Spent
The app will monitor the time you spend on various activities based on your calendar entries, allowing you to view your progress over different months and compare it to your set goals.
Focus Sessions
You can block apps and websites to minimize distractions and enhance your productivity during designated periods, or "sessions."
04
Information Architecture
Before starting to design the wireframes, I wanted to make sure the app structure was as intuitive and as simple as possible. Therefore, I created a first version of the IA and tested it with users from the interviews with the aim of getting feedback and refining the initial version.
04
Information Architecture
Before starting to design the wireframes, I wanted to make sure the app structure was as intuitive and as simple as possible. Therefore, I created a first version of the IA and tested it with users from the interviews with the aim of getting feedback and refining the initial version.
05
Low Fidelity
I did some sketches following the IA to have a guide for the mid and high-fidelity wireframes. I only did the sketches for the main funcionalities of the app.
05
Low Fidelity
I did some sketches following the IA to have a guide for the mid and high-fidelity wireframes. I only did the sketches for the main funcionalities of the app.
06
Design system
I began the process by identifying and defining the essential UI components, including buttons, typography, color palettes, and form elements. Each component was documented, detailing its functionality and usage guidelines. I wanted to guarantee consistency across the system, addressing key aspects such as accessibility, responsiveness, and interaction patterns. Additionally, I created variables to ensure the design was consistent, easily adaptable, and optimizable.
06
Design system
I began the process by identifying and defining the essential UI components, including buttons, typography, color palettes, and form elements. Each component was documented, detailing its functionality and usage guidelines. I wanted to guarantee consistency across the system, addressing key aspects such as accessibility, responsiveness, and interaction patterns. Additionally, I created variables to ensure the design was consistent, easily adaptable, and optimizable.
07
High Fidelity
I created high-fidelity wireframes for the app's main functionalities with the goal of testing them with real users and iterating until the solution became intuitive, functional, and effectively addressed the problems these users are experiencing.
07
High Fidelity
I created high-fidelity wireframes for the app's main functionalities with the goal of testing them with real users and iterating until the solution became intuitive, functional, and effectively addressed the problems these users are experiencing.
08
Next steps
The next step is to conduct usability testing with real users. The goal is to have them interact with a prototype to gain valuable insights and feedback, iterating the product until we arrive at the final solution. This process ensures that the product not only meets the intended needs but also aligns with the end-users' actual experiences.
08
Next steps
The next step is to conduct usability testing with real users. The goal is to have them interact with a prototype to gain valuable insights and feedback, iterating the product until we arrive at the final solution. This process ensures that the product not only meets the intended needs but also aligns with the end-users' actual experiences.