Gyro Plus App
Summary
For the past 2 months I was working on a project to help design an app for Gyro Plus customers, to order food, read about the origin of the food, place to find discount for loyal customers, also find directions to the restaurant, and leave review to the owners of the restaurant. Bashir an international student, who recently moved to Washington State, and is studying at Everett Community College is a Gyro Plus customer. As a student who is currently feeling homesick and struggling financially, he is actively looking for affordable traditional food. Bashir's goal is to find a restaurant that will help make him feel at home. The goal of this app is for customers to have a place where they feel more connected with the restaurant. Below is Bashir's persona that I created to highlighting this goals and characteristics. There is also a journey map of another customer named Grace.
The Challenge
Design an app that would allow users to order food, redeem special coupons, read the origin of each food item and to see the location of the restaurant.
My Role
Empathize with users and understand their pain points, define user needs using problem statements, and come up with lots of ideas for solutions to those user problems.
Create personas, journey map, storyboards, competitive audit, usability study, paper wireframes and digital wireframes (lo-fi and hi-fi wireframes) using the design tool Figma
Conduct a usability study to gather feedback about designs.
Test and hand off designs to engineers for production.
Tools
Figma
Research
For this project our team took a competitive analysis approach to create this app. We looked at what is available in the market and created an innovative app that users need and can help them feel more connected. Part of the research was creating a UX research study and competitive audit.
Ideation
In the ideation phase of this project I created one big picture storyboard that illustrated user pain points and the solution to address those pain points, and one close-up storyboard that detailed the solution that I will design.
Wireframes/Prototype
Below are the wireframe and prototype for this app.
As you can see in the images above the different phases of the app. The app clearly addresses the problems that the users are facing. There is a tab where there are discounts for the customers which helps Bashir taste traditional food at a cheaper price. Also this app touches on the concept of accessibility by making dark, bright and light areas to help color blind users distinguish between the different areas.