top of page
mockup timely_edited.png

Timely

Timely is a time management app for students and professionals to streamline their goals, achieve tasks efficiently and make the most out of their time. 

Design Toolkit

6299f743b04c5ae587c4119d.png

Miro

5f654baf1a50dfigma.png
pngwing.com.png

Illustrator

Figma

Adobe-Photoshop-Logo-2015-2019.png

Photoshop

Students and professionals often complain about not having enough time to complete their tasks and achieve extracurricular goals. This hinders their personal and professional growth and creates a burden to perform well despite not knowing how to manage time. 

The Problem

The Goal

Timely is a Time management app which will let users manage their time by allowing them to set event schedules, log journals, view the community and participate in challenges. An important feature of the app is the goal journey map, which will allow users to log goals and break it down into smaller, achievable steps to reach their final goals. 

The success of the app will be measured through measuring user traffic and logging the number of goals completed by users on the app. 

Design Process

I followed a step-wise design process to brainstorm the ideas, streamline the ideas into actionable solutions by ideating, storyboarding, prototyping, testing, iterating and refining.  

design-01.png

Empathy 

Define

Ideate

Prototype

Test

Empathizing with the User

The first step I followed in the design process was to empathize with the Users to gain an insight into the user problem. For this, I created a research plan clearly stating the goals of the research and the questions and interviewed a pool of users (University students). 

Research Takeaways

After conducting the interviews, I created empathy maps which made me understand the users better. I learnt that users usually struggle to balance work and play. They often fail to meet deadlines or get started right before the deadline and become anxious. They also fail to set goals for personal development and lack motivation due to not being able to get good outcomes in their personal and professional lives. 

Pain Points 

Wasting too much time on unnecessary tasks

Inability to set and achieve goals 

Lack of motivation

Inadequate time management skills 

Lack of time 

Losing focus

Crafting User Personas

Observing and noting down the traits , frustrations, goals and motivations of the interview pool users, I came up with two personas to represent the target users. 

mayank persona.png
rajshree persona.png

Defining the Problem and Generating the Solution

After determining the user needs, frustrations, demands, goals and behaviors, I listed down the features that would solve the biggest pain points of the users and connected them to the user needs. 

"

INSIGHTFUL
TIME SAVING
GROWTH 

Value Proposition

"

Planning

Reminders

Organizing

Activity Log

Task prioritization

Goal Setting

Time tracking

Challenges

Community Motivation

Competitive Audit 

The next step taken by me was to conduct a competitor analysis and find out what kind of existing products are already dominating the market. 
Then I conducted a SWOT analysis comparing all the features of the products and their offering to their consumer base to find out opportunities which could be implemented in my app. 

Key competitors

Time tune 
Forest
Sectograph
Focus To-Do

Analysis

Time tune, sectograph and focus to do position themselves as time management apps using classic time management tools like to-do lists, scheduling, calendar and task setting.

Forest positions itself as an innovative app that leads to self improvement by encouraging users to complete their tasks and focus on their goals using a unique concept of growing trees for the amount of time spent away from the screen.

SW
OT

Strengths 

Weakness

To-do lists, task setting, calendar, google events

Most features behind paywall 

Phone’s inbuilt focus app 

Opportunities

Threats

More insightful features 
More features for habit building 

 

Financial constraints 

Time constraints 

Storyboarding

To understand the steps a user might take while interacting with the app to achieve specific tasks, I created storyboards. 

5.jpg

Setting an achievable Goal

Manish is worried about reaching his work targets

Manish finds out about the timely app
 

Manish downloads the app and navigates through its features
 

He uses the app to visit the Goals section of the app

He decides to add a new weekly goal to his account

He sets a goal and adds the milestones to achieve the goal. 

4.jpg

Navigating to the Goals section on the app

Adding a new goal for the user account

Entering the goal details and adding the milestone time lines 

Adding the goal and viewing it on the goal journey map

Marking the milestones as complete

Achieving the goal with the help of the small milestones

Wireframing

I further created wireframes to ideate different design possibilities. 

iPhone 14 Pro - 24.png
iPhone 14 Pro - 1.png
iPhone 14 Pro - 6.png
iPhone 14 Pro - 3.png
iPhone 14 Pro - 7.png
iPhone 14 Pro - 11 (1).png
iPhone 14 Pro - 2.png
iPhone 14 Pro - 8.png
iPhone 14 Pro - 4.png
iPhone 14 Pro - 9.png
iPhone 14 Pro - 15.png
iPhone 14 Pro - 12 (1).png
iPhone 14 Pro - 5.png
iPhone 14 Pro - 10.png
iPhone 14 Pro - 26.png
iPhone 14 Pro - 20.png
iPhone 14 Pro - 21 (1).png
iPhone 14 Pro - 16.png
iPhone 14 Pro - 23.png
iPhone 14 Pro - 25.png

Information Architecture

Next, I came up with the possible menu options and the features under them. 

WELCOME

SIGN UP / LOG IN

LANDING PAGE

HOME PAGE

TOP BAR

MENU

NOTIFICATIONS

PAGE

SCHEDULE

EVENTS

GOALS

BOTTOM BAR

TIME TRACK

GOAL JOURNEY

COMMUNITY

Open App

JOURNAL

User Flows

Scheduling a New Item After logging in

Welcome Screen

Log In

Landing Page

Proceed?

Y

N

Item Added

Enter ?

Y

N

Home Page

Add New
Item

Home Page

Adding a new To-Do list Item

Edit
Schedule

N

Open
To-Do 

Y

Add
New?

Added

Adding a new Event

Home Page

Y

N

Events

Add?

Untitled-1 copy.png

Usability Study

Prototyping and Testing

Research goals: To determine whether the tasks can be completed efficiently within the app, without difficulty. 

Methodology

Questions

KPIs

  1. Methodology
    Unmoderated usability study
     (interview)

  2. Location: Remote, India 
    Date: 2/9/22 and 3/9/22
    Length: Each session will last 5 to 10 minutes, based on a list of prompts

  3. Participants
    University Students
    Age : 18-22
    3 Females, 3 males

  1. How long does it take for a user to schedule an item on the app? 

  2. How easy or difficult is it to log a goal? 

  3. How easy or difficult is the app to use?

  4. Are there any parts where the user flow gets stuck?

  5. Are there more features that the users would like to see in the app?

  1. Time on task

  2. Conversion Rate

  3. System usability scale

Card Sorting

Ease of Use

Participant could not find the edit reminders option.

Navigation

To-do lists should be more visible instead of being hidden away.

Features

Task prioritization feature is missing from the app. 

Modifying designs based on insights

INSIGHT : Edit reminders option needs to be added to the app.

reminders.png
iPhone 14 Pro - 28.png

INSIGHT : icons must be clearly labeled to ensure accessibility for all users.

iPhone 14 Pro - 6.png
modified labels.png

INSIGHT : features that are complementary to the existing features and make the app easier to use must be added to the app.

prioritization 1.png
prioritization 2.png

Feature 1 : Task prioritization

Feature 2 : Study with Friends

study w friends.png
iPhone 14 Pro - 29.png
iPhone 14 Pro - 30.png

Design System

style guide.png

Colors 

Closing Thoughts

The opportunity to build a platform that could help people make the most of their time has been a great challenge.

Through this project, I learned the importance of creating a user-friendly and accessible interface that could help people organize their schedules with ease, which allows users to manage their time more efficiently, freeing up more time to focus on their passions and priorities. I am confident that Timely will have a positive impact on people's lives.

bottom of page