Reimagining Workforce Optimization:

Inside the New Shiftlab Experience

 

by  on Oct 1,

 

Before webpage - Scheduler-1
After Webpage - Schedule

If you saw Shiftlabs's recent announcement, the team here has spent the past year rebuilding the Shiftlab UI from the ground up.

 

You may be wondering: What does that actually mean?

Why we decided to redesign. 

 

Shiftlab has grown a lot over the past five years. We’ve added new features, supported more retailers, and expanded what our platform can do. When we took a step back and reviewed Shiftlab, we saw that our UI had become inconsistent and in some places, hard to follow. We realized it was time for a reset.

 

UI Inconsistencies: buttons, colors, and typography didn’t always match.

 

Optimizing for New Devices: Our web experience has gone through a lot of enhancements and additions and we wanted our mobile experience to match.

 

Lay the foundation for Shiftlab's Future: With new Shiftlab tools in the works, we wanted to set the stage for future tools that work seamlessly across Shiftlab.

Inside Shiftlab's redesigned Experience

 

With those in mind, here’s a look at where we started, the decisions we made along the way, and what you can expect moving forward.

Where we started

 

We documented every screen in Shiftlab to get a clear and complete picture of the app. This revealed design choices that weren't always consistent. 

carousel 1
carousel 2
carousel 3
carousel 4
carousel 6

Design Library  

 

After addressing the inconsistencies, we were able to recreate our library of design components that could be reused and updated as we continue to evolve. 

 

 

design library preview - webpage

 

What we changed

 

Here’s a summary of each screen we improved and the reason behind each update!

Home Page - Schedule

The main scheduler is an integral part of Shiftlab. We added an improved filter and sorting menu for your employees, an organized toolbox to make changes to your schedule, and updated our graph's aesthetics. 

Before - Scheduler - full
after - Scheduler - full

Timecards & Timeclock

Timecards: we added collapsible employee headers for a better viewing experience. We updated the icons and buttons to match our new overall look.

 

Timeclock: we adjusted our mobile view to be more user friendly, and added more information about clocking in, when your next shift is, and if you have any swap requests.

before - Time Card
after - Time Card

Everything Else

The rest of Shiftlab also got a refresh and we wanted to showcase some of the smaller quality of life changes we added.
before - Login
after - Login

Everything Else

The rest of Shiftlab also got a refresh and we wanted to showcase some of the smaller quality of life changes we added.
before - Login
after - Login

Looking ahead: What’s next for Shiftlab

 

Launching this redesign is a huge milestone, but it feels more like the start of something new than the end of a project. We’ve laid out a new foundation, and the real impact will be realized as you integrate it into your workflows.

 

Here are some of the big areas we’re planning to tackle soon:

 

  • Continued Performance and Stability
  • Sales Infused Chat
  • Automated Open Shifts
  • Shiftlab for iOS/Android
  • Paycor Integration

We’re so excited to be on this journey with you. As always, please feel free to share your feedback and ideas in our Help Center or through our live chat!

Ready to Get Started with Smart Scheduling?

Book a Demo