Case Study · Redesign of a Core Tool

Schedule Editor

Its cost summary is used always or often by 81% of surveyed users: a redesign of the screen every manager on the floor lives in.

Role
UX/UI Designer · led the redesign
Platform
Web · HRM
Timeframe
2021 to 2022
Team
Product · engineering · QA
Schedule Editor · week view
Redesigned Schedule Editor week view with sidebar, tabs, open shifts and colour coded shifts
Schedule Editor day view with hourly timeline and projected versus scheduled hours

Five years of features, added one on top of another, had left it capable of almost everything, and that was the problem. My job wasn't to add anything; it was to make all of it legible again. Years later, a survey of 397 users found 81% use its cost summary always or often.

At a glance
01

What I walked into

The Schedule Editor is where a manager builds the weekly roster: who works which shift, in which role, against a budget. It's one of the platform's most used screens, and five years of features added one on top of another had left it dense, slow and hard to read. Opening it for the first time, you couldn't tell what half of it did.

Old Schedule Editor
Before, the old editor: five years of additions crammed onto one dense surface.
02

Keep the model, rehome everything else

My real move wasn't a nicer toolbar; it was redistribution. Instead of cramming every control into the header, I gave the header a single job (pick a location, move between weeks) and pushed everything else down into the places it's actually used. Managers already knew the week grid, so I kept it and rebuilt around it: a persistent sidebar (calendar, week/day toggle, filters and preferences that never move); the old stacked modals turned into tabs: Editor, Shift Warnings, Requests, Notes, Timesheet, History, each with a count so you can see what needs attention; and the three decisions that matter, Approve, Payroll, Publish, pulled out where you can't miss them.

Redesigned Schedule Editor
After, the redesigned editor: persistent sidebar, calm header, tabbed workspace, colour coded shifts and an open shifts row pinned on top.
03

The same schedule, read four ways

Managers don't all picture their floor the same way: some think in people, some in sections, some in job or department. So I let them regroup the same schedule into Employee, Job, Section or Department views, with a label that always says which one you're in. Colour does the heavy lifting: every section owns a colour that stays consistent across the grid, the filters and the open shift chips, so the eye can track a team without reading a word.

Section grouping view
Section view: the roster regrouped into collapsible, colour coded sections.
04

The shift that never saved

Some problems only show up when someone else is driving. I ran unmoderated usability testing on the prototype through Userlytics, with managers and executives from its participant panel, each asked to create a quick shift, an advanced shift and an absence while thinking aloud. The advanced shift worked for everyone. The quick shift worked for no one: every participant typed it in, clicked away and believed they were done, but nothing had saved. They also couldn't tell which of the two modes they were in, because the plus and arrow icons gave no hint before you clicked.

The pattern was unanimous, and it gave the next iteration a clear brief:

05

Scheduling against a live cost target

A schedule isn't just who works when: it's a labour bill measured against forecast sales. What they also needed was a summary bar that sits under the week and ties it together per day: forecast and actual sales, forecast labour, the salary and hourly breakdown, and a budget percentage that turns red or green as you go over or under. Compliance lives right in the grid too: an under 18 flag, overlap and overtime warnings, and a projected vs scheduled hours model once breaks are applied. That means a manager is making cost and legal calls while they schedule, not after.

Labour cost summary bar
The summary bar: forecast and actual sales, labour and budget %, recolouring by variance as the manager schedules.
Warnings and errors rollup on a person row
Day shift and location tenure warnings
Shift overlap warning
Each warning names the exact rule it broke, and rolls up per person so nothing gets missed.

Years after launch, a survey of the scheduling report (397 completed responses) put the bar to the test: 81% use it always or often, two thirds every single time they build or adjust a schedule, and labour percentage with its red and green cue came out as the one number almost everyone steers by.

"The first thing I check is whether I am in the green and by how much."

Respondent, scheduling report user survey
06

A schedule has a lifecycle, not a save button

A finished week travels: Approve → Payroll → Publish, across a manager, an approver and payroll. I designed that journey as a series of clear states rather than silent saves, and made the messaging carry weight. A "sent" banner you can dismiss; a rejected banner you can't, that stays put until the conflict is resolved and links to exactly what needs fixing. And I split publishing into plain choices: updates only, all shifts, or open shifts, so a manager always knows exactly who gets notified.

Rejected schedule state
One state in the lifecycle: a rejection that stays until it's resolved, with a link straight to what to fix.
07

Reflection

The hard part of a redesign like this is restraint. The tool couldn't lose a single thing it could do, so almost all of the work was rehoming: deciding what deserves to be visible, what belongs one level down, and what should follow the manager into a flow rather than sit on the surface. Watching a five year tangle become legible again, without giving up any of its power, is the part I'm proudest of.

I led and originated the redesign; the platform's new component library was later applied on top by a colleague, with minor adjustments. Delivered with a cross functional team across product, engineering and QA. Focuses on the design problem, process and decisions; outcome figures come from a later user survey of the scheduling report (397 completed responses) and unmoderated usability testing on Userlytics.