Skip to content

Workforce platform | Shipped product

Staffee: Workforce Insights

I designed Staffee as one workspace for workforce data: a dashboard, employee records, a project board, payroll, hiring and settings.

Workforce interfaceWorkforce dashboard · Employees · Project board
Staffee workforce insights dashboard

PROJECT AT A GLANCE

The essentials.

Design focus
Workforce interface
Goal
Hiring · Settings
Screen focus
Shipped interface
Design intent
Summaries connected to records
Skip to project details

KEY DESIGN DECISIONS

Workforce, employee and payroll views.

Three decisions shape how the workforce modules fit together.

01

Workforce views

I separated the overview, employee information and payroll into distinct views, so each answers one kind of question.

02

Payroll status labels

Payroll carries a payment-status label on each employee row, keeping status visible next to cost.

03

Charts and people records

The employee view puts aggregate activity and individual people records on one surface, so a trend can be read against the people behind it.

Each of these decisions shipped in Staffee.

Project
Focus

  • Workforce dashboard
  • Employee records
  • Project board

Interface
scope

  • Workforce dashboard
  • Employees
  • Project board
  • Payroll

Design
question

How do workforce summaries connect to the records shown in each module?

Workforce dashboardEmployeesProject boardPayrollHiring

HR & Workforce Intelligence

Sign in — Staffee screen
Workforce dashboard — Staffee screen
Employees — Staffee screen
Project board — Staffee screen
Payroll — Staffee screen
Hiring — Staffee screen
Settings — Staffee screen

Sign in

Sign-in entry to the Staffee workspace.

01 / 07

FROM THE PROJECT FILES

Inside the shipped product

Screens from the shipped product. Values shown are sample data.

Workforce dashboard

Workforce dashboard — Staffee screen
The dashboard groups workforce totals, attendance and activity summaries. View full-size screen

Employees

Employees — Staffee screen
The employee view pairs activity charts with a people table, making comparison and record-level information visible. View full-size screen

Payroll

Payroll — Staffee screen
Payroll separates cost summaries, payment status and employee rows. View full-size screen

Design
outcome

The dashboard, employee and payroll views share one structure: summaries first, individual records beneath. A total is never far from the people it describes.