Patrick TeallProduct designer

Workforce Display CMS

View Presentation

I designed a shared information system for manufacturing operations. The worksite displays help workers correct timekeeping issues. They also communicate assignments, attendance and production status.

Overview

Displaying operations information keeps teams in sync.

Impact

Improving workforce management and invoicing

60%

of missing time resolved the same day

4 hr → 1 hr

invoice cleanup per cycle

1 hr → 20 min

faster allocation of unassigned workers

Core Problems

About 1 in 10 workers missed at least one clock-in each day.

Clock-in errors started on the factory floor

Missed badges, failed punches, and system errors regularly left worker records incomplete in daily operations.

Workers were not told when a clock-in failed

Workers could not see their own time status. Many left the site without knowing they needed to fix anything.

Teams found errors too late

Most missing time appeared about a week later while the team checked invoices.

“I need proof of attendance to approve invoices for workers. Supervisors can't remember where every worker was.”
Representative partner concern
1/10

workers with partial timesheet data

Missing timesheet data compounded into delayed invoices across every pay cycle.

30+ min

allocation response time per shift

When staffing changed, it took half an hour to reassign workers: too slow for a production floor.

2+ hours

spent checking invoices

Agency managers spent hours calling supervisors to reconstruct worker shift information.

Business Goals

Catch unexpected workforce issues early, because time is money.

  • Reduce missing timesheet data before the team checks invoices.
  • Let each plant manage its own displays without support from design or engineering.
  • Create a reusable platform for additional workforce information.
Research

Every team had the same problem: they learned about errors too late.

I interviewed workers, supervisors, staffing managers, factory leaders, and security staff at several sites. Workers often did not know when a clock-in failed. Teams found the missing time about a week later while checking invoices, when it was harder to confirm what happened.

Intended timesheet correction flow compared with the actual missed issue, delayed reconciliation, and billing disruption
Synthesis across five roles at three plants
Users

Two groups rely on clear information on the floor.

Worksite leadership

Plant Managers

Behaviors
Coordinate staffing, check attendance, and respond to shift changes.
Goals
Keep shifts covered and resolve timekeeping issues early.
Pain
Missed punches surfaced late, making them harder to verify and fix.
Hourly workforce

Temp Workers

Behaviors
Check assignments and clock in and out during each shift.
Goals
Know where to work and confirm their time is recorded.
Pain
Failed clock-ins often went unnoticed until after the shift.
Challenge 01: Help workers act

How can we enable workers to self-correct clock-ins and clock-outs?

Workers often discovered a missed clock-in or clock-out only after leaving the site, when correcting the record was harder. I focused this challenge on surfacing the issue during the shift, so workers could self-correct before they left.

I started with one dataset that had the biggest impact

Timesheet corrections were a small issue that compounded. Addressing this could save manufacturers and agencies time and money. Starting small with our pilot site would allow the testing and iteration required to scale up to broader issues.

Early design strategy: scope, placement, pilot
Early design strategy: start narrow, prove the behavior.

How it looked on-site

Two wall-mounted displays in a plant hallway showing the missing-timesheets channel
Early iteration of missing timesheet data on display in the hallways of the work-site.

The challenges that surfaced

I tested an early version with workers at the pilot site. Their reactions showed three problems that I needed to fix.

Purpose

Some workers thought appearing on the board was a good thing. I changed the labels, instructions, and status styles to make the purpose clear.

Recognition

Customers had varying policies about displaying personal info, so the identity block became a flexible unit using worker ID and initials.

Density

Everything had to survive a walk-by in a crowded hallway. Columns were consolidated and labels compressed into acronyms that stayed obvious.

Validating the impact of the pilot without built-in analytics

Engineering could not add analytics during the pilot, so I tracked two things: open timekeeping problems at the start and end of each shift, and how long unassigned workers waited for work.

Self-correction within the shift
Self-correction within the shift: issues surfaced early enough for workers to fix them.
Challenge 02: Content & Device Management

How can worksites monitor, update and manage their displays?

The pilot worked, but factories had different screens, locations, and audiences. I needed the system to be flexible enough to address the needs of different work sites. I designed three parts: a channel holds one type of content, a program groups channels into a playlist, and a device plays that playlist.

Info channels composed into a program for display
What the system exposes, and how it gets composed for display.

Planning how administrators manage content

Before designing screens, I mapped every task an administrator needed to complete. This included creating content, grouping it into a playlist, and choosing what a device shows by default.

Full administrator flow for content, playlists, and default screen settings
Full administrator flow for content, playlists, default screen settings, decisions, and missing data. Open full size ↗

Mapping opportunities for new displays through worker journeys

I mapped the worker journey from arrival to production to identify what information would be most useful at each stop.

A shift moving through a plant: workers badge in at the entrance, wait in the breakroom, then badge in at one of four production lines, with a display at each point
Each location showed the information people needed there: security at the entrance, open work in the breakroom, missing scans in the hallway, and attendance at each line.

Turning the flow into screens

I turned each task into a screen that local administrators could use without support. They could add hardware, see what each screen was showing, and choose its default content.

Device setup: name, expected screens, default program, and the physical arrangement of screens.

Designing channel configuration to support complex business requirements

Each type of content needed different data, filters, timing, and privacy rules. I put those choices into channel setup. Administrators would get the autonomy to make adjustments instead of waiting for the product team to build a new screen.

Design Iteration

Building the architecture to configure channels for every use case

Before

The comprehensive configuration pushed important settings below the fold, so users had to scroll to find them.

After

Template selection and categorized settings helped administrators focus on the options that mattered for each use case.

After: a clearer layout brings key settings into view.

Final design: flexible channel setup

The finished flow adapts to each channel’s data and rules, helping administrators configure and publish useful content with confidence.

Channel setup: the same flow covers each channel type, with the configuration it needs.

Designing bundles to group channels

A channel holds one type of content and controls how long it stays on screen. A bundle puts several channels into a repeating playlist. This gave each factory a simple way to manage the screens it already had.

Shared Design Rules

Advocating and building a design system to scale

Each channel served a different need, but workers saw them on the same screens. I created shared rules for type, spacing, status, and privacy so every channel felt familiar. With a design system in place, I could scale to support new use cases and operational data quickly while maintaining consistency.

How pilot testing informed the design system

  • Typography required for the viewing distance in larger worksites.
  • Information density per channel to shorten wait while maintaining scanability.
  • Site privacy requirements for identity meant supporting alternatives like worker ID.
  • Tokens required for the various status and exception states.
  • Flexible table structures, spacing, and hierarchy for supported data types.
Display design system: typography scale, color roles, and status pills
Type scale, color roles, and status pills: specified for viewing distance on the dark display boards.

Research uncovered what the product needed to support

Factories asked for schedules, safety notices, open positions, access updates, and attendance. Schedules were a clear test case. Every site posted paper assignments that became outdated as soon as staffing changed.

Found on-site: first-shift assignments in print.
Same information as a channel, built from the system's rules.
Challenge 03: Schedule screen content

Why do information displays need scheduling?

The audience of these displays changes through each day. Every shift brings new workers, and different information is relevant to them before, during and after those shifts. Scheduling would also enable temporary messages for special events and safety information.

Defining the scheduling workflow

I interviewed operations teams to understand weekly routines, shift changeovers, and schedule exceptions and updates. I led workshops with the product team to define the information architecture, workflow, and feature support for the scheduling overhaul.

Scheduling complexity map
Where scheduling complexity came from: one screen, several channels, and time-based exceptions. Open full size ↗

Leveraging the mental model of the calendar

Everyone has used a calendar before, so administrators could start scheduling content for their devices quickly and without assistance. I designed scheduling to support easy setup of repeating schedules that align with shifts and gave devices default programs as a catch-all, making scheduling optional.

Design Iteration

Simplifying the creation of scheduled programs

Before

Program configuration let administrators create custom bundles during scheduling.

After

The redesigned flow supports scheduling across multiple devices, surfaces conflicts, and limits content to pre-built bundles to keep setup simple.

After: the refined scheduling flow for programs, devices, and time blocks.

Final Design: Scheduler

The final scheduler gives administrators one familiar view to coordinate programs across devices, review timing, and manage schedule changes.

Scheduler: programming per device, with time blocks and one-time overrides.
Reflection

What I learned

  • The phased approach gave time to identify issues and iterate so I could anticipate the design needs of the management system and future channels.
  • Scalability over speed of execution. Advocating for and developing a design system cut the design and development time of the new channels drastically.
  • Owning a product means having the agency to decide how to approach, design and validate the solution. This responsibility made the value to acquiring new customers even more gratifying.
Next Steps

Opportunities to expand

Use the existing display network for more communication

The same screens could show urgent messages, onboarding instructions, wayfinding and digital signage for larger sites, and company announcements.

Future channels on the display network
Patrick Teall logo