Time Tracking
Tags
Product Design
Notion
Figma
Role
UX/UI Design Sr.
Year
2021 - 2023
CONTEXT
Business requested that we implement ‘Time tracking’ within a one-month of deadline. Its design was fast, strategist and challenging, requiring design for two types of users: Admin and User.
Research
1. I had an initial meeting with the CEO to discuss the requirements and objectives of the new feature: Allowing business owners or administrators to tracking their employees’ working hours.

2. I analyzed customer requests and competitors and found the feature to be more complex than we expected, so I created a user flow to clarify functions and special cases.

3. Additionally, I scheduled work sessions that would be helpful for future projects.
Design decisions
The project was divided into 2 sections: ‘My tracking’ (User) and ‘Team tracking’ (Admin), both with desktop and mobile versions. First, the desktop version was delivered, and if approved, it was transferred to the Tech team, and then the mobile version was delivered.

It was decided that the ‘My tracking’ part (for users) would be more visual, as they were the ones having more difficulties understanding the time logging. After a quick test, we observed that in the mobile version was necessary to adjust the cards with the data, as the environment required greater simplicity.

To improve design and tech timing, I implemented reusable components, including the time registration modal. Specifically, for the 'user', a non-editable field was included.

Furthermore, I create a table for the ‘admin’ section (Team Tracking), and the data was rearranged based on the priorities outlined in the Customer Requests. All design was documented and transferred to the Tech team.

Business impact
The feature received a positive reception and became one of the platform's most utilized functionalities. This allowed us to include it as one of the paid features when we switch to a Freemium model in the future.