Starting point

Overview

The desktop timesheets encompass a series of screens that facilitate various stages: from team members entering their hours and submitting them, to managers reviewing the data and integrating it into project planning.

Timesheets represent a crucial component utilized by nearly all clients, constituting the most frequently accessed feature within the solution. Recognizing its significance, we identified it as a prime candidate for a redesign using React, forming a key aspect of the proof of concept for the new platform. Following its successful implementation, it has garnered positive feedback and proven immensely beneficial for our clients.

Features

  • You can enter time for tasks, regardless of whether they've been scheduled by your manager or not. This includes both regular working hours and non-assignment hours, such as sick days or training

  • Even if timesheets are due weekly or monthly, it's easy to forget if I've sent them correctly. Providing a quick way to check the status even of partial timesheets is essential

  • Every company has its own rules regarding minimum daily working hours, maximum weekly hours, annual limits, and so on

  • Depending on the use case, users can find the most benefit from a daily view or a monthly view.

What started out as a classic process turned into the mayhem of parallelized design and dev. We do not recommend it, but ended up nailing the project and getting it out. Kudos to the team. 

What did we do?

In this project, our aim was to enhance the existing timesheet system by improving its visual appeal and user interactions, rather than completely redesigning it. Here are the key features we implemented. Also users now land directly on their last open timesheet, providing quick insight into pending submissions.

  1. Previous Week's Overview: Users can easily access a summarised view of the previous week's status and navigate to past weeks.

  2. Task Copying: Users can copy tasks from the previous week, with or without associated hours.

  3. Submission Flexibility: Users can submit individual days or a full week, with each submitted day indicated by status and color-coding.

  4. Agile Integration: Users can seamlessly add activity logs from individual Agile Tickets to their timesheets.

  5. Recurring Task Management: Recurring tasks can be pinned from past weeks to future weeks.

  6. Manager Planning Visibility: Users can view planned hours set by managers and communicate discrepancies directly.

  7. Quick Date Copying: Daily or weekly planned hours can be copied with a single click.

  8. Flexible Views: Users can switch between weekly and monthly views based on preference or corporate rules.

  9. Submission Recap: The submission button provides a summary of hours and days about to be submitted.

  10. Administrative Features: Additional admin features include options for units in hours or days.

  11. Real-Time Calculation: The total is calculated in real-time, with manual entries automatically distributed across remaining days.

Previous
Previous

Mobile Timesheets

Next
Next

UI