Streamline self-service
With the creation of the first digital self-service kiosk for one of the restaurants of the Pingo Doce brand, Monday developed a new interface consistent and appropriate to the brand, combined with familiar usability for users of this type of autonomous service.
Expertise
UX/UI design
UX research
Platforms
Digital Kiosk
Deliverables
Benchmark
UX/UI
Prototyping
Context
The esteemed Pingo Doce brand, from the Jerónimo Martins Group, created a chain of “Fresh Food” restaurants, offering home-made, authentic meals prepared according to the Mediterranean Diet and Portuguese tradition.
In this sense, the brand intended to speed up customer service in its spaces through the creation of self-service kiosks.
With the goal of creating the first digital self-service kiosk for one of the company’s restaurants, our team of UX/UI designers developed a consistent and adequate interface for the brand, combining a familiar usability with the graphic identity of the Pingo Doce brand for the users of this type of autonomous service.
Challenge
The challenge was to create a flow that would be efficient, fast, and encompass a new context in the “Fresh Food” section. This process should include a menu with fully customized items and various sections such as: salads, pasta, pizza, burgers, soup of the day, desserts, and drinks.
We were pioneers in creating a digital kiosk for a hypermarket brand.
Approach and Methodology
The project had the following specific sprints that were divided into 3 phases:
– Phase One: Debriefing, Research, lo-fi wireframe and mid fidelity wireframe
– Phase Two: High fidelity wireframe
– Phase Three: Usability tests, hand off and review
Phase One
Benchmark
The project started with a market research and analysis of the competitors that had similar service to what the customer wanted: McDonald’s, Burger King, Ikea and Pizza Hut, where McDonald’s was chosen as the most appropriate for the layout inspiration.
However, the functionality of McDonald’s kiosk was very much associated to the users’ previous knowledge about its menus and products, which did not occur at Pingo Doce, and as such, required a significant adaptation of the menu shapes and categories.
After all the research was done, it was necessary to establish the customizations of the dishes, categories and good practices to move on to action: start designing the screens.
Initially, all items sold were to be customizable, but throughout the project, products without customization options were added. The focus of the project was that the customized orders would follow in an easy and intuitive way, so it was decided to present, 4 levels of choice, taking into consideration the limitations of the management system that was being used and the logical possibilities of choice.
Furthermore, it is important to highlight that the Pingo Doce self-service kiosk offers a total of 72 products, 4 of which are customizable. Within the customizable orders, there was the option to choose from 35 different ingredients that could be combined in a variety of ways, providing a wide variety of options for customers. This approach to customizing orders was one of the main differentiators of the project, allowing customers to create unique meals tailored to their personal preferences and needs.
Phase Two
In the second phase, the team decided that the new Pingo Doce Brand Book would be used for the first time as a look and feel, even though it is a bit disruptive with the brand’s current communication. The UI choices were guided by these brand activation and simplicity requirements, where graphic elements such as shapes and figures are only present in screens where they fulfill some function, with the exception of the home and final screen.
Phase Three
Usability tests were implemented with elements from Jerónimo Martins that were not directly connected to the project, which allowed the team to get feedback and insights on the aspects to be improved. Hand off was done gradually, passing components and elements to the developers team from phase 2.
6 steps – from start to checkout (additional: kiosk unavailable)
3 flows – 10 steps (the shortest), the longest with 13
9 versions at the end of high fidelity
What did they gain from us?
The launch of the Pingo Doce self-service kiosk was a great success in all aspects, from its design and development to its implementation and customer acceptance.
— On the day of the launch, 104 customers were served by the kiosks, which demonstrated a good adhesion from consumers. In addition, the order flow was so efficient that one of the stations had to be temporarily shut down because the kitchen was not handling the preparation.
— The average order time through the kiosk was 1 minute, compared to orders at the conventional checkout, which took an average of 3 minutes. This shows that the new interface brought more agility and practicality to the customers and to the restaurant staff.
— The feedback from the Pingo Doce employees was also very positive. They praised the ease of use of the kiosk and its intuitive interface.