Challenge
In staffing, a punch is more than a time. It carries a pay category, a shift, an assignment and a task, and depending on the state, a meal break, a lunch rule or a tip declaration. If any of it is wrong, the worker is paid wrong, the client is billed wrong, and someone in payroll fixes it by hand at the end of the week. The two people using the product could hardly be more different. One is an hourly worker on a phone at the start of a shift, who wants to clock in and get to work. The other is a manager looking after a whole roster, each employee with eleven tabs of settings, eight policies, badges, fingerprints and time clocks. The design had to keep the first simple without hiding anything the second needs.
In staffing, a punch is more than a time. It carries a pay category, a shift, an assignment and a task, and depending on the state, a meal break, a lunch rule or a tip declaration. If any of it is wrong, the worker is paid wrong, the client is billed wrong, and someone in payroll fixes it by hand at the end of the week. The two people using the product could hardly be more different. One is an hourly worker on a phone at the start of a shift, who wants to clock in and get to work. The other is a manager looking after a whole roster, each employee with eleven tabs of settings, eight policies, badges, fingerprints and time clocks. The design had to keep the first simple without hiding anything the second needs.
Solution
We designed both sides of Timerack’s web platform: the Employee Portal, where people punch in, check their timesheet and schedule, request time off and file expenses, and the Manager Portal, where admins set up each employee’s pay, clocks and policies, then review, approve and lock their timecards. The punch-in window collects the pay category, shift, assignment and task when the worker starts, so the timecard is right before anyone has to correct it. An employee record holds more settings than any one screen should. We split it into eleven tabs, gave every switch a plain sentence saying what it does, and logged every change, so a manager can see who changed a pay rate and when.
We designed both sides of Timerack’s web platform: the Employee Portal, where people punch in, check their timesheet and schedule, request time off and file expenses, and the Manager Portal, where admins set up each employee’s pay, clocks and policies, then review, approve and lock their timecards. The punch-in window collects the pay category, shift, assignment and task when the worker starts, so the timecard is right before anyone has to correct it. An employee record holds more settings than any one screen should. We split it into eleven tabs, gave every switch a plain sentence saying what it does, and logged every change, so a manager can see who changed a pay rate and when.
Results
We designed Timerack’s Employee Portal across eight modules, from the dashboard and web punch to expenses and time off, and the Manager Portal’s employee record, shifts and timecards. More than 170 screens and states in light and dark, with a phone layout for every module, so the same hours read the same way at a desk or on a shift.
We designed Timerack’s Employee Portal across eight modules, from the dashboard and web punch to expenses and time off, and the Manager Portal’s employee record, shifts and timecards. More than 170 screens and states in light and dark, with a phone layout for every module, so the same hours read the same way at a desk or on a shift.