Grubhub Hours Editor
A responsive web application giving restaurants the power to edit their hours and upload restaurant photos on the Grubhub platform.
In 2017, Grubhub launched the Hours Editor, a responsive web-app designed to empower restaurants to manage their own schedules and update their hours. The main goal was to reduce strain on support teams by providing restaurants with a tool to handle their own scheduling and emergency closures.
1 Designer
12 Engineers
1 Product Manager
1 Content Strategist
1 UX Researcher
My Role: Lead Product Designer
Before the development of the Grubhub Hours Editor, restaurants lacked the ability to update their own hours or close themselves in case of emergencies. This led to numerous calls to support, resulting in delays and incorrect orders. The support team was overwhelmed with these requests, which hindered their ability to focus on other important tasks.
We conducted onsite and remote interviews with restaurant managers to understand their needs and identify opportunities to make the experience more efficient and intuitive. This joint effort between design, product and research departments ensured alignment and a comprehensive understanding of user needs and business goals.
I created wireframes and information architecture to convey early ideas and bring the team together on the design strategy. Frequent feedback loops with small and large teams ensured the project moved swiftly and stayed on track. Prototypes were tested with real users to validate decisions and ensure an intuitive experience.
Bootstrap was utilized as the foundation of the Restaurant League design system. The design team maintained and contributed to the system when needed.
Daily meetings with engineering, regular feedback loops and frequent reviews with stakeholders ensured alignment and smooth development. I also paired closely with content to create detailed IA docs.
The app provided a comprehensive and intuitive tool for restaurants to manage their schedules and hours effectively. Key features included:
• Editing restaurant hours for the current day and week.
• Creating custom holidays and closures.
• Splitting hours on days (open-close, open-close).
• Viewing location info.
• Setting pickup, delivery, and catering hours.
• Instantly starting or stopping order-taking.
• Uploading photos of the restaurant, logo, and branding.
• Viewing restaurant ratings.
The Grubhub Hours Editor was launched with the goal of empowering restaurants to manage their own schedules and reduce strain on support teams. Success was measured by a significant reduction in calls to support for emergency closures and schedule updates. Post-launch, the addition of an image library feature further enhanced the user experience by allowing restaurants to reuse uploaded photos, streamlining their branding efforts. Positive feedback from restaurant managers highlighted the ease of updating hours, creating custom schedules, and uploading branding photos. The support team experienced a substantial decrease in related inquiries, allowing them to focus on other critical tasks.
Visiting different types of restaurants to understand their scheduling needs was a valuable experience. The project, though small, significantly impacted gaining trust with restaurants and was an enjoyable design effort.