perma farm

HotSchedules Home Page Redesign

Problem

HotSchedules is a restaurant management software that helps managers create schedules and let's employees view and change their schedules online. The home page haven't been redesigned for seven years providing users with poor and outdated user experience.

Goals

Improve the user experience for the home page, address user complains 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.

Existing Design

reagent inventory app

Research Process

Before starting to redesign the home page, I conducted user interviews to learn more about the users and how and when they use the home page. I've talked and shadowed the customer service to familirize myself with the problem areas of current design. Twitter and online reviews were another recourse for understanding what users liked and disliked about current product. Getting together with stakeholders and developers helped me understand the business goals and technical constrains of the redesign.

Concept Prototyping

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


Wireframes

After the initial prototyping session, home page wireframes were created to think through ideas for the page layout. I've also came up with two different concepts for schedule widget. The list concept was very similar to what users were used to. Calendar view offered a different experience, that allows users to see two weeks of their schedule at the time. The A/B testings were performed to find out which concept works best and determine weak areas of the design. Nine out of nine tested users preferred the calendar concept which was thought through and designed further.


  • 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


Final Designs and Invision Prototypes

  • desktop application
  • desktop application
  • desktop application

View Desktop PrototypeView Styleguide



← back home