top of page

Clock it

An application to log employee's time, task and leaves which helps manage productivity, performance and fund.

PROBLEM

Relying on multiple interfaces and individuals, which demands lot of time and effort.

Feeling Frustrated, Anxious

Difficult manual process and delay in salary

GOAL

Remove Complexity and make it enjoyable

Easy to use and accessible

Digitization and Automation

TYPE

Automation & Management

IT Peoples

TARGET USERS

RESPONSIBILITY

UI/UX Design & Research

TOOLS

Figma, Notion

TIME

5 - 6 months

DESIGN PROCESS

How can we design a time and leave management to make the task simple, enjoyable and accessible?

Research

Design

Test

Iterate

Deliver

USER RESEARCH FINDINGS

  • Done Qualitative Research, User Interview

  • Observed how users doing their current process.

SIMPLE YET HARD TO DO

  • I keep forgetting to log daily.

  • Can do it only on laptop and in office hours

  • Pilling up of task at the month end

HARD TO REMEMBER

  • without remainder its normal that people forget simple things.

  • Hard to remember time and task at month end.

  • Approval can be delayed due to irregular submissions.

TIME CONSUMING

  • Filling out excel sheet for the entire month

  • getting approval through mail and forwarding it to the vendor.

  • Delay in salary due to delay in timesheet filling and approval.

FRUSTRATED & ANXIOUS

  • back and forth communication in case of verification.

  • have to fill everything and get approval in a single day.

  • Salary can be delayed.

PROPOSED SOLUTION

indian-business-man-reading-using-600nw-188865587.webp

NOTIFICATION AND SIMPLE USER FLOW

  • Remainding users with timely and daily notifications

  • Able to do it anywhere through mobile.

  • Option to add new and also can repeat previous day's work.

istockphoto-1355030266-612x612.jpeg

AUTOMATED AND SEAMLESS PROCESS

  • Seamless data processing between employee and manager

  • Real time updates to make proactive decisions.

  • Sending for approval and client will be automated.

istockphoto-1371989011-170667a.webp

EASY TO USE AND ENJOYABLE

  • Timesheet and leave will be logged in just a couple of clicks.

  • Logging and approval can be done through mobile.

  • Easy to use and accessible to make the process enjoyable.

INFORMATION ARCHITECHTURE

USER FLOW

CARD SORTING - NAVIGATION

DESIGN EXPLORATION

WIREFRAME - MOCKUPS - ITERATIONS

USABILITY TEST FINDINGS AND ITERATIONS

Found some interesting things through their behaviour, mental model, and challenges they are facing

DASHBOARD

Remove approval rate and approved days:

Approval can not be weekly, it will be done once a month.

Leave info:

I can see the leave data on home but how can i apply for leave?

Informaton Architecture:

informations are not much insightful.

ut 1.1.png
ut 1.2.png

ADDING TIMESHEET

Additional steps:

Separate page results in additional steps and also
need to guide users with notes about the screen.

Remove separate:

Removing the separate page and made it
in to overlay buttons on the same page.

Report Page

Adding separate report page for timesheet history,
results no need for project list in the home screen.

Simple user flow:

  • Moved the actions to the home itself.

  • Steps reduced and made user flow simple.

  • Became quick action timesheet and leave application on the home itself.

ut 2.1.png
ut 2.2.png
ut 2.3.png

APPLY LEAVE

How can i apply for leave:

Leave can be filled like adding a project.

Apply for leave:

i couldn’t find a way to apply for leave.Separate user flow and quick link for easyleave application process.

Leave category:

Leave category quick selection to guide
user to make decision.

Type of leave:

Providing predefined type of leave to
speed up the task completion.

ut 3.1.png
ut 3.2.png
ut 3.3.png

FINAL DESIGN