Timeclock Redesign
🧢 Role: UX Designer, Visual Designer
🧠 Demonstrated Skills: Design Systems, Illustration, Animation, Responsive Design, Usability Testing, Prototyping, Design
⏳ Duration: 2 months
This project is under NDA so please contact me for the full case study.
Overview
Timeclock is an app that allows employees to clock-in for their shift without time cards or badges with facial recognition, voice control, and QR code authentication.
After acquiring Reflexis, it was time to modernize the application and apply Zebra's new design system to the application suite.
Contributions
Redesigned the interface for mobile, tablet, and wearable devices using newly introduced Zeta Design System.
Built in conditional logic into new interactive slider to reduce decision fatigue on user.
Earned buy-in from stakeholders to introduce new set of Zebra illustrations and animations to improve tone of workforce management products
Business Outcomes
• Introduced Zeta Design System to development teams, aligning on codebase, principles, and best practices
• Introduced new workflow for wearable devices
• Created scheduling components to be reused in other platforms
Labor laws are a big deal.
And mistakes can be costly.
Ever been in a job where you tried to capitalize on every breath, step, and second you spent with an employer? Being able to capture employees' shift time is a delicate balance between ensuring trust and managing team budgets.
Timekeeping is sensitive - employees want to ensure their work hours are being accurately captured while employers simply can't compensate for the 2 minutes of overtime being logged, especially if everyone is doing it.
Original Timeclock: You can have it all
The original implementation of Timeclock followed a very basic approach - give employees access to all of the options to enter their time accordingly.
While this gave a lot of ownership to employees, it was a breeding ground for missed punches, mistakes, and back-and-forth to get permissions from oversight.
At a glance...
Saving Time
Imagine a group of employees swarming around a clock-in system. You're presented with every option imaginable on the screen - the amount of decisions presented to the user at leisure caused backed up lines.
If the first employee spends an extra 3 minutes trying to clock in and view their schedule, the second employee now needs to submit a clock-in override to compensate for those lost 3 minutes because they had to wait their turn.
Promoting best practices
We created a matrix to capture edge cases that might result in restricted scenarios for the employee performing an action. One example is when an employee repeatedly arrives early and leaves later resulting in accrued overtime.
Without capturing this data within Timeclock, the employee would have to request a manager override every time their actions were not performed within preset intervals. This back and forth interaction was costly to both the employee and employer. Identifying grace periods reduces the interaction while ensuring timekeeping compliance.
Improving tone in the workplace
I also created new Zebra illustrations in effort to modernize our portfolio offerings and improve the tone of our workplace tools.
