Bread House is a quick-service and fast-casual restaurant with over 2,000 locations in the US and Canada. The company offers bakery items, pasta, salads, sandwiches, soups, and specialty drinks.
In doing research, I used mixed-methods to get deeper insights from stakeholders, including the following:
“For every update, we have to reprint the menu boards and install them again. This a financial and time-absorbing investment every time.”
The Vendor needed to know sizing, colors, and menu IDs to display the content dynamically. They also recommended that we use the Atomic Method to
Users are internal product teams and third-party vendors building across the same customer experience.
I guided the team through an Affinity Mapping exercise using FigJam to get an inventory of existing menu design boards.
We were dealing with Drive-Thru and Interior menu boards that consisted of 3-7 panels across the dayparts (breakfast, lunch, and dinner).
The activity consisted of the following steps:
I worked across teams to come up with a naming convention that tied the design elements, rules, and code together. The names are referenced in the business rules, Design System, and backend code.
I generated a list of design elements to map out the structure of the Design System, which will be used as the Table of Contents and assist users with finding elements.
We used the inventory collected in the audit to build the design system using the Atomic Design Framework by Brad Frost and findings from research to determine the information most valuable to include for MVP.
Instances of Menu Board Designs. Placeholder content is replaced with real content to give an accurate depiction of what guests will see.
The Digital Menu Board App is currently in development.