ENRU
  • UX/UI
  • Product design
  • Ops

// scheduling

Shiftly

An event staffing and scheduling tool — job calendar, labor planning, time tracking and dispatch for operations teams.

role
UX/UI design, design system
scope
SaaS web app · 100+ screens
platform
Desktop web, mobile app
client
Under NDA — anonymized

// case.overview

The challenge

// problem

Coordinators planned events in calendars, staffed them over the phone and reconciled hours in spreadsheets. Last-minute changes were easy to miss.

// approach

I followed a job from booking to payroll and designed each step as a dense, readable screen built on one table and form system.

// focus

A readable job calendar, fast labor planning, accurate time tracking and mass messaging to crews.

// case.work

Key screens

Four flows that run an event day.

  1. Job calendar — screen Shiftly

    Job calendar

    Every event of the month with crews and statuses at a glance.

  2. Labor planning — screen Shiftly

    Labor planning

    Positions, people and gaps for each job in one view.

  3. Time tracking — screen Shiftly

    Time tracking

    Clock-ins and approved hours in a high-density table.

  4. Mass messaging — screen Shiftly

    Mass messaging

    Reach a whole crew or group with one message.

// case.mobile

On mobile

A staff app for the crew on site: shifts, job details and the time clock.

  1. My shifts — mobile screen Shiftly

    My shifts

    The week at a glance with every job, call time and confirmation status.

  2. Shift details — mobile screen Shiftly

    Shift details

    Call time, location, parking notes and the crew for the job on one screen.

  3. Time clock — mobile screen Shiftly

    Time clock

    Clock in and out, take breaks and see the week’s hours as they get approved.

// case.system

Visual language

// typeface

IBM Plex Sans

regular · semibold — 12 / 14 / 16 / 24

// palette

  • Primary#0BA860
  • Primary light#CDEBDD
  • Ink#182020
  • Surface#F8F8F8
  • Sand#D8C8A0
  • Graphite#283030

// case.result

Outcome

Operations run from one tool: jobs, people and hours stay in sync, and changes reach crews in minutes.

100+
unique screensdesigned from scratch
4
core flowsbooking to payroll
1
job calendarfor every event
1
component libraryshared by every screen
dispatch — confirming crews for a job — screen Shiftly
dispatch — confirming crews for a job

// next.case

Bidcar

Online car auction: live lots, bidding flow, balance and an admin panel for operators.