Food&Events App – User-centered design of a restaurant app

Aiming for a user-centered restaurant app.

With the Food&Events app, users can plan an entire evening of entertainment, including events and meals. The app can be used to order meals at e.g. festivals, ice hockey games, a theatre or a restaurant.

Restel wanted to improve the app’s user experience and make sure that the app supports the customer’s practical experience in the best possible way. The app’s design and development were guided by two goals:

1. Understanding and taking into account different end users. All user groups were identified: from the young to the old, from those eating hamburgers at an ice hockey game to those sipping sparkling wine at a theatre. In the design of the user interface, the important guiding principles turned out to be clarity, intuitiveness and accessibility of the app.
2. Making it possible for many different venue and restaurant brands to share a platform in the app.

Feasible design in a month

The design process made use of the best practices of service design. The work was done in close cooperation with Restel, restaurants, venues – and, of course, the end users.

In total, the design phase took about a month. This rapid progress was made possible by committed stakeholders and quick iterative development. When designers and developers work closely together, the work is completed faster and it is of higher quality. This results in feasible design and means that designers and developers work as a team to create the best possible user experience and app.

Food&Events makes the real-life experience better.

The app’s goal is to support the end user’s real-life experience in the best possible way at e.g. an event or a restaurant. For this reason, the app’s designers visited various events and restaurants to learn more about service details and guests’ movement. When it comes to ordering food to the table, the designers found out how to e.g. harmonise the rhythms of the restaurant’s operations and the app.

The design process moved on to user testing in six weeks. Customer testers – such as people watching an ice hockey game or a play – ordered a meal package for the event of their choice. User testing was done completely remotely. Based on the feedback the content and instructions were improved, among other things. However, the user interface was praised for its clarity from the start.

The prototype was built with real code.

The end user testing process was exceptional, as the prototype was built with real code. A decision was made to develop the app using agile Flutter technology. Flutter is such a flexible technology that it allows even bigger changes to the user interface to be easily made with real code.

This also resulted in higher-quality testing results. Users were able to get to know the app more broadly, without being limited to a specific route or use case.

For example, text fields could be used freely and products could be browsed and added to a shopping cart. The testing was much more productive than it would have been if the prototype had been built using a tool like Invision or Figma, where each click is decided and built in advance.

The prototype made concrete what the most important features and functionalities and the design look and feel like in practice. The idea of feasible design was also evident here. It was written into the code and developed alongside the features.

A beautiful, usable and high-quality app with Flutter.

Two developers completed the app’s code in a few months. It sounds too good to be true, and, to be honest, the tight roadmap schedule raised doubts even among Rebel App Studio’s developers.

Together with an iterative development model, the malleable Flutter technology made rapid progress possible. Flutter was the best technology for the project because:

• it is quick to write – real code starting from the prototype.
• it is easy to make changes to the user interface with it, which means that it supports quick and iterative development.
• it also provides a solution for analytics and testing, which helps with finalisation.
• as a cross-platform technology, it could be used to develop both iOS and Android versions of the app with a small team.

The maintenance and continuous development of the app ensures quality also in the future.

Even before the Food&Events app launched, the development team was already planning its next steps. A web version of the app is in the pipeline, designed to enhance the end-user experience. For instance, it will allow users to pre-order meal packages while purchasing tickets for an ice hockey game, offering a more seamless and convenient service.

Keeping the app fresh and competitive is a priority. The first user experiences and feedback play a pivotal role in shaping the direction of future updates and improvements.

“Rebel App Studio by Codemate succeeded in combining the needs of multiple event venues and restaurant brands into a single clear and intuitive app,” says Ville-Eemeli Junnola, CMO of Restel. “Different user groups were excellently considered, and the user interface caters to the needs of customers attending everything from hockey games to theatre nights. Despite the ambitious schedule, the result was top-quality, and Codemate’s team’s dedication and efficient collaboration were key factors in the success.”

Would you like to learn more?

The project felt like an infomercial: better user experience and better quality very quickly. The project was a success especially thanks to the following:

• the entire team was committed to the project and its ambitious schedule
• the design process made effective use of feedback from end users
• collaboration between designers and developers was seamless and the development process was iterative and fast-paced
• Flutter made the quick building process possible – real code from the start

Contact Miika for more information:

Miika Toljamo
Business
+358 40 734 9399
miika.toljamo@rebelappstudio.com