Aisle by Aisle
Interview Results
My group and I interviewed 4 students each who live off campus. We asked them a series of questions regarding their grocery shopping routine. With this information, we were able to identify a problem and a solution.
Problem Statement
All throughout the day, shoppers often spend excessive time in grocery stores trying to locate items due to a lack of efficient navigation systems. This leads to unnecessary delays, taking valuable time away from meal preparation and other essential activities.
Concept Statement
Grocery shopping can be a hassle, particularly when searching for specific items across multiple stores. Managing separate apps for each store adds to the inconvenience. Our solution is a universal app designed to streamline the shopping experience by helping users navigate stores, access discounts, create digital lists, check item availability, and more—all in one place. This app will save time, reduce phone storage use, and make grocery shopping simpler and more convenient, especially for college students and busy shoppers.
User Need Statement
A busy college student, managing a tight budget and limited time, needs an efficient way to plan grocery shopping. They need a solution that allows them to identify necessary items and select the most cost-effective locations to shop. Once in-store, they need an easy process that minimizes time spent searching for products and stays within budget. A well-organized and time-saving approach to grocery shopping will allow the student to shop within their means and stay on schedule.
User Task Flow
Path to Purchase
Medium Fidelity Wireframe
Describe your image
Shelf Space
Visual Aesthetic
Choosing a color palette was a little difficult because most grocery stores used colors such as red, shades of blue, yellow, or orange. We wanted a color that wouldn't fit the theme of most grocery stores so we chose green. Green is also a calm color. We chose three shades, one for hovering, one when not hovering, and a primary green, all in high contrast to a white background. The final choices were 388C00, 6ABA34, and 7DB855.
​
For typography, a calm font fits perfectly. We want the user to have a smooth process when using the app and typography plays a large role in that. We chose League Spartan.
Stocking Up
Coolors Contrast Checker Results
After checking our contrast in the Coolors checker, we proceeded with our design as it passed the test.
​
It is accessible!
Feedback
We wanted to ensure that our solution focused on our problems: can you easily find the item in the store? can you save time at the store by preparing beforehand? So, we asked one person from each of our interviews if they were successful in these areas through the navigation of our app.
Interviewee 1: Honestly, the app is super handy. I usually waste so much time looking for stuff in the store, but with this, I knew exactly where to go. I was able to create a list beforehand which allowed me to stay within budget.
Interviewee 2: I really like the app and I think it solves a lot of my problems in the grocery store. I walk up and down aisles multiple times trying to find items. Each product has an aisle number on the app so that helps a lot. Being able to create a list is cool as well.
Interviewee 3: I wasn’t sure if your method would actually help because knowing the aisle still makes it hard to find the item but it gives me assurance that the item is in that aisle which can reduce time. Outside of this, I really like that you can quickly add items to the list without going through a series of pages to add it.
Checkout
Final Prototype
Click either image to view the app!
Takeaways
-
Using websites inside of an app requires the user to distinguish the difference between the two. For example, the color palette of our app is different from Meijer's to help the user determine the difference.
-
Working with a team requires communication and synchronization.
-
It is important to consider multiple aspects of a design.
-
Your design must cater to your audience.