Buenos Nachos

Project Deliverables: Mobile app

My Role: Creative Direction, UX/UI Design, graphic design, UX research, and writing

Project Overview 

Buenos Nachos is a Mexican restaurant located in Calgary, Canada. They strive to deliver fun, fresh, and fully customizable food to customers. Buenos Nachos targets customers like busy working adults and those with special dietary requirements who lack the time and ability to prepare dinner.

Many restaurant delivery apps don’t allow for much customization when ordering. This is challenging for users with dietary restrictions, such as those with food allergies and/or sensitivities, or who are prioritizing plant-based diets. Our goal was to let users quickly and easily customize their orders any way they like, allowing anyone with dietary restrictions to custom tailor their meals to their individual tastes and needs.

The app has a fun and colorful design, with a vibrant and bold color scheme. The copy is cheeky and clever, utilizing plenty of puns and lots of humor. The main screen features a user-friendly menu, with clear and concise options for choosing the type of nachos, toppings, and sauces based on the user's individual tastes and dietary needs. It also includes a feature for users to save their favorite nacho combinations, to make it easy to order their favorites in the future.

The app has been optimized for mobile devices, with a responsive design that adapts to different screen sizes and orientations. It also integrates with the nacho delivery service's website and payment systems, to provide a seamless experience for users.

The goal of the app is to make it easy for customers to order delicious and customized nachos, and to provide a convenient and enjoyable way to enjoy this popular Mexican snack.

Understanding the User

User Research: Summary

I conducted interviews and created empathy maps to understand the users that I am designing for, and their needs. A primary user group identified through this research was young working adults who don’t have the time or skills to grocery shop, prepare, and cook meals at home.

This user group confirmed initial assumptions about Buenos Nachos customers, but research also revealed that time was not the only factor limiting users from cooking at home. Other user problems included interests, obligations or challenges that make it difficult to grocery shop or go to restaurants in-person.

User research: pain points

User Personas: Jordan & Kayla

Buenos Nachos user persona design by Jenn Borton

Jordan: Problem Statement

Jordan is a father and small community business owner, who needs access to a variety of simple, easy-to-prepare snack options for when he hosts community events at his bookstore.

Buenos Nachos user persona design by Jenn Borton

Kayla: Problem Statement

Kayla is a busy full-time student who needs easy access to plant-based vegan food ordering options, because she doesn’t have the time and budget to cook for herself. 

User Journey Map

Mapping Jordan’s user journey revealed how helpful it would be for users to have access to a dedicated Buenos Nachos ordering app that allows for menu item customization.

Starting the Design: Paper Wireframes

Here are early paper wireframe sketches for the ‘Build Your Own Nachos’ page. I explored a variety of different layout options, ending up with selecting one for refinement (far right example). 

Buenos Nachos ideation sketch design by Jenn Borton

Low-fidelity Prototype

I then moved on to create digital wireframes of my initial concept screens. Here I was able to refine the visual designs by implementing a grid system and establishing a visual hierarchy of elements. I also started to better understand the user journey from screen to screen within the app.

From there, I created a low-fidelity prototype. The prototype connects the user flow of choosing and customizing a menu item, so the prototype could be used in a usability study with users.

Usability Study Findings

Here are the main findings that we made during our Buenos Nachos app usability studies:

Round 1 findings

Round 2 findings

Mockups

Early designs had the functionality we were looking for, however the text was far too small, and navigation elements were too difficult to click on. I cleaned up the navigation, made text and clickable elements far larger, and showcased the menu customization options so they are more obvious to users.

Users wanted to see customizations they had made to menu items from their cart. The first prototype only allowed to edit order quantities. Our mockup focuses more clearly on reviewing and making changes to individual ingredient customizations (low-fidelity mockups on left, high-fidelity mockups on right):

High Fidelity Prototype

I then moved on to create a high-fidelity prototype. The high-fidelity prototype for the Buenos Nachos ordering app follow the same user flow as the low-fidelity prototype, including the design changes after the usability.

Takeaways

The app makes users feel like Buenos Nachos really considers how to meet their needs. User quote from peer feedback session: “This app makes it so easy to swap out ingredients in dishes that I can’t eat! I will definitely use it again when ordering food.”

While designing the Buenos Nachos ordering app, I learned that the first ideas are just the beginning of the design and iteration process. Usability studies and peer feedback greatly influenced every step of the iteration process and the design of the app.

Next Steps