Role: Product Designer — UI & Researcher

Timeline: March 2022 — 1 week (UX/UI Challenge)

Time Keeper is an automated time-tracking tool built to help teams manage project deadlines and time allocation — simple enough to use daily, without the friction or negative associations that usually come with tracking employee time.

Market Research Competitive Analysis Personas Usability Testing
Time Keeper — Track your time, master your day

Research & Competitive Analysis

Time tracking is an industry people are actively investing in — and one most teams still get wrong. Manual timesheets create real, well-documented pain points.

Pain points: extra work for staff, human error is likely, morale can be damaged
News article: Workers Are Bad at Filling Out Timesheets, and It Costs Billions a Day
News article: Time By Ping raises $36.5M to help companies automate timesheets
News article: Your Employees Hate Tracking Their Time

I compared four existing tools — monday.com, Smartsheet, Wrike and Hub Planner — to see where they held up and where they consistently frustrated users.

Competitive analysis of monday.com, Smartsheet, Wrike and Hub Planner — pros and cons

Personas

Two personas represented the two sides of the same tool: the person managing deadlines, and the person whose time is being tracked.

Persona: Jonathan, 37, Creative Director

Jonathan, 37, Creative Director — needs visibility across his whole team's workload without micromanaging anyone.

Persona: Ana, 26, Graphic Designer

Ana, 26, Graphic Designer — needs to log her time without it feeling like surveillance or eating into her actual work.

Design Process

A user flow diagram mapped the primary interactions first — from login through starting a timer, managing projects, and getting notified.

User flow diagram: Login, Dashboard, Start Timer, Ongoing Projects, Create Task, Comment, Edit

Low-fidelity wireframes locked in the dashboard layout before any visual design — timesheet table, live timer, and activity chart.

Low-fidelity wireframe of the dashboard: timesheet, timer and chart

Then the high-fidelity, clickable prototype — a dashboard built around messages, schedule, live time tracking, and a full timesheet view.

High-fidelity dashboard: messages, schedule, time tracking and timesheet overview
High-fidelity full timesheet view with project status, timeline and priority

Key Features

The design leaned on simplicity and transparency — features built to keep both managers and individual contributors on top of deadlines without adding friction to the workday.

Key benefits: clear and transparent, accurate billing and payroll data, improved estimation, transferable data, friendly with companies and employees

And the reason this matters — nobody actually likes filling out a timesheet honestly.

Dilbert comic strip poking fun at inaccurate, guessed timesheet entries

Validation

The high-fidelity prototype was tested one-on-one with 10 users to check whether the tool stayed intuitive and delivered real value for both personas.

← Back to UX/UI Design