September 2020

Time Card - UX/UI




iOS and Android


UX flow and UI
Time Card - UX/UI


Time card feature request

This feature aims to streamline and enhance the experience for hourly employees, providing them with a detailed and intuitive tool for recording their work hours.

User Research
& Challenges

Key Features:

  1. Clock In/Clock Out:
    • Hourly employees will have the ability to easily clock in and clock out directly within the app.
    • This feature ensures accurate time tracking, eliminating the need for manual record-keeping.
  2. Automated Time Calculation:
    • The Time Card feature will automatically calculate the total hours worked based on clock in and clock out times.
    • This eliminates the need for manual calculations, reducing errors and saving time for both employees and employers.
  3. Break Time Tracking:
    • Employees can log their break times within the Time Card feature.
    • The app will accurately deduct break times from the total hours worked, ensuring compliance with labor regulations.
  4. Overtime Tracking:
    • The Time Card feature will automatically identify and track overtime hours based on predefined thresholds.
    • This functionality provides transparency regarding overtime work and helps employers manage labor costs effectively.



  • Improved Accuracy: Eliminates manual errors associated with traditional timekeeping methods.
  • Compliance: Ensures compliance with labor regulations regarding work hours and breaks.
  • Efficiency: Streamlines time tracking processes, saving time for both employees and employers.
  • Transparency: Provides employees and employers with transparent insights into work hours and overtime.
  • Flexibility: Accommodates varying work schedules and empowers employees to manage their time effectively.

Time Card Design

Active Shift

Lunch Break

Time off

In App Signature