HotSchedules Redesign

perma farm

HotSchedules Redesign

Problem

HotSchedules is a restaurant management software that helps managers create schedules and lets employees view and change their schedules online. The home page, part of the Essentials and Labor product, hasn't been redesigned for seven years providing users with a poor and outdated user experience.

Goals

Improve the user experience for the home page, address user complaints about current design, add widgets that will solve real-life problems that users have, update the interface to match the design system of other products in the product line.

Measurable Outcomes

The main success metric for the project was decreased call volume to the customer care. The home page was also an important part of our basic product—Essentials. The success of the home page in the Essentials was measured by the number of users who converted from a free trial version to the paid subscription.

reagent inventory app

Existing Design and Research Process

During the research stage, I conducted user interviews to learn more about the users, how they use the existing home page, and their main pain points. I met with customer care and interviewed them about problem areas of current design. Twitter and online reviews were another resource for understanding what users liked and disliked about the current product. Getting together with stakeholders and developers helped me understand the business goals and technical constraints of the redesign.

After user interviews were conducted, it became clear that users rely on their mobile devices to check their schedule. That assumption was confirmed by Google Analytics that showed that 79% of the users logged-in on their mobile device. The need for the new redesign to be responsive was obvious.

Wireframing

After the initial whiteboarding session, the wireframes were created to further think through ideas for the page layout. We started with wireframing the mobile experience. For the desktop, we created two different calendar design concepts. The list view was very similar to what users were used to. Calendar view offeres a different experience that allows users to see two weeks of their schedule at the time.

User Testing

We have conducted a quantitative preference test in a form of online survey to determine which desktop design concept for the schedule is easier to read. 89% of the users who took the survey, thought that the calendar concept made it easier to digest the information. We have also facilitated in-person user testings that helped to pinpoint some usability issues such as difficulty finding the tab for the shift pickups.

test script → view results →
  • reagent inventory app
  • reagent inventory app
  • reagent inventory app
  • reagent inventory app
  • reagent inventory app
  • reagent inventory app
  • reagent inventory app

User Flow

  • reagent inventory app
  • reagent inventory app
user experience design

Comps - Color Stripe and Full Color

  • reagent inventory app
  • reagent inventory app
  • reagent inventory app
  • reagent inventory app
  • reagent inventory app


  • illustration

Illustration Library

I collaborated with Lead Designer,Dan Newcomer, to create a new illustration library that can be used by other designers on the team. Our goal was to come up with an overarching concept behind the illustrations, freshen-up and unify the way they looked, and create a symbolized Sketch library that can be imported into design files.

Since HotSchedules is a restaurant management software, we decided to use a restaurant theme as our main concept. Some wit and humor was added by using restaurant-related idioms or moments each restaurant worker can relate to, such as accidentally dropping a bottle. Bringing out the human aspect of service industry helped us create a more relatable product.

Avatar Illustrations

illustration

Final Designs and Invision Prototypes

  • desktop application
  • desktop application
  • desktop application
  • desktop application

View Implementation Styleguide →





← back home