AR Eats Documentation

AR Eats is an app concept that brings food delivery to a whole new level. It integrates augmented reality which allows customers to view their food in their own enviornment before ordering it. It also features social media where people can leave reviews of their meals.


The first step of the process was to create the siteapp. This layed out the basic navigation for app.


The next step was to create a few personas and sitatuions these users might be in. This also helped us on what things we had to focus on when working on the overall layout of the.


After creating the personas, I created a flowchart based of the user profiles I made up that would suitable for this app. This process has helped me stay organized while creating sketches and wireframes.


These are the sketches and digital wireframes for the app. The sketches were hand drawn and then transferred over to digital wireframes.

Rough Sketches

Digital Wireframes


The last step of the process was to design the mockup in Invision Studio. I chose this app because it was easy to design and prototype the app at the same time. I made some minor changes like color, fonts, and icons.

View Prototype

User Testing

  • 1. You’re searching for meals that’s specific to your diet. How would you filter out diet options?
  • 2. You’re searching for taverns in the area. How would you search by restaurant types?
  • 3. How would you access settings?
  • 4. How would you view the meals in AR?
  • 5. You’re done viewing the meal in AR. How would you add it to cart?
  • 6. How would you leave a review in FoodBoard?
  • 7. How would you track your order?
  • 8. How would you search by filtering out delivery options?
  • 9. How would you search by filtering out restaurant options?
  • 10. Where would you find the ratings for meals?