The objective is to redesign three interfaces for restaurants in order to enhance customer satisfaction with online food applications, decrease the abandonment rate, and enhance the duration of usage of the platforms.

Challenge

Objectives

• Understand the difficulties that owners face with delivery apps.

• Create a new user flow from the landing page until their initial order arrives.

• Fix all the design problems that the platforms had.

• Allow them to manage their business and their online orders in an easy and accessible way.

I started inspecting the usability of all the interfaces, and I found out two principal failures:

• The interfaces lack consistency and don’t show a system status accordingly. This can be confusing to use and lead to frustration for users.

• The information is not organized, so there is a high chance that users can ignore it and make more mistakes.

Research

Heuristic Evaluation

Research

I started the research with a technique of observation and infiltration. As a call center agent, I observed the issues they encountered and the reasons behind the system's inability to function within these applications.

Insights

• Restaurant owners are not familiarized with technology as we think.

• They would rather not have platforms that control their jobs because their business is the responsibility of them and not of others.

• Even though owners have different ages, most of them tend to be in their 40s or 50s.

We created two personas:

• Juan Pérez, who is a restaurant owner that sells fast food. He doesn’t understand technology so much, so he loses opportunities to grow his business.


• Adriana González, who is an administrator of a Colombian restaurant. With the pandemic situation, she decided to sell online, but she has had bad experiences with delivery apps.

Definition

After speaking with the owners of more than 200 restaurants, I made a content briefing to summarize our objectives, our target, our promises, and the users' paint points and moods.

I also created the content prototype to visualize what the interaction would be between users and the app according to our discovery.

Finally, I made the user flow, from the webpage, the registration, the administration panel until the first order in the order manager app.

Ideation

It was time to start sketching.
I made the website and the administration panel for the desktop and the order panel for the tablet. I started with a style guide for both formats to improve consistency in colors, buttons, fonts, shapes, and pictures.

And finally, I designed the high-fidelity prototype in Figma too. I focused more on the schedule and the menu, since these screens had most of the problems for users.

Prototyping

Contact me to see the prototype in Figma, or visit my Behance profile to preview the UI Kit and some of the design.

This was a challenging step because I made three different interfaces in a limited time with different paths the user could take to make their tasks. Fortunately, I made all three, and I continued to improve them over the years.

Problems

For this prototype, I decided to ask restaurant owners to make usability testing and interviews, and even though all the interfaces improved, I still needed to work on some features.

Owners liked that, in the admin panel, there are suggestions to teach them how to use the interface. They also liked the organization of content in all platforms and that the way to create their menus.

On the other hand, some elements like the sub-menus in the administrator were not so visible for them, and it was difficult to move the additions to the products, so they struggled a lot with it. In the order panel, they didn't understand what the icons in the orders meant. Moreover, they couldn’t search for past orders if they needed it.

Testing

Interviews

In summary, the Tu Menu Web project focused on improving the user experience for restaurant owners, particularly those less tech-savvy, by addressing interface inconsistencies and usability issues. Through extensive research and persona creation, we identified key pain points and tailored our solution accordingly.

Our ideation phase prioritized simplicity and clarity, resulting in a user-centric design approach reflected in our high-fidelity prototype. Moving forward, user testing and feedback loops will be crucial to refining the design and ensuring its effectiveness in empowering restaurant managers like Juan and Adriana.

Conclusion

See more proyects!