UX | UI DESIGN
ROLE
UX | UI Designer & UX Researcher
DESCRIPTION
This is a case study based on a restaurant chain located in North Carolina. This project was for the Google Certificate and presented to the client. Toastado brings sandwiches, tacos, and breakfast foods to the area. This chain is a fully online restaurant concept. They have no in-person locations.
TIMELINE
3 Months
YEAR
2022
TOASTADO APP
The restaurant offers a "melt shop" that meets comfort food.
GOALS
Toastado's is a new restaurant located in North Carolina with the goal of bringing its inventive take on the melted culinary experience. They are focused on foods that can all be made on a grill or fried. They needed help to develop a digital platform in the form of an app that reached their target audience's needs and delivered a smooth user flow.
TOASTADO'S PALN
My Roles
Build and manage an app from mockups to wireframes, to prototypes.
User Experience Design, User Research, Prototyping
Results
A proposed app could aid in a higher year-one overall revenue.
I only developed an iOS app. At this time an Android App is in development from the Toastaso team.
Mockup 1
Mockup 2
Mockup
User Flow
User Flow
The goal of the user flow was to generate a dynamic yet simple flow for the user to pick the items they want and purchase them. Dividing all items into categories allowed for a less chaotic and busy main page which acknowledged the user's desire to explore the items they are more interested in purchasing. If a user wants a taco, there is no need to force them to search through all the items.
As the user encompasses the app they can navigate with ease. The final page congratulates the user on completing the task and allows them to add their social media for a bonus within the app.
Intro Page
This page allows the app to load and showcases the Toastado orange along with the logo.
Main Page
Few vertical scroll main page that features multiple horizontal scroll features.
Account Page
Simple to navigate user account page with a QR code payment scan feature.
Sub Manu Page
This page is a submenu where more specific food items are located. In this case, Tacos!
Item Information Page
This page informs users about the food items and alerts to potential allergies.
Item Customization Page
This page allows the user to customize their meal and add more toppings or sides.
Cart Page
Here the users can see all items they wish to purchase, a horizontal feature suggests popular add-ons like sides or dips.
Checkout Page
This page is where the user completes the transaction, a horizontal feature show potential pickup/ delivery times.
Final Page
This page ends the user experience on this app. A "Share" feature suggests the users sharing their experience on social media.