InstaStore is a grocery shopping application designed as a part of my school project. This grocery shopping project necessitated detailed research of understanding the grocery shopping process, and how I tried improving the grocery shopping experiences to make this need the easiest, smooth and most enjoyable.

The main desire of my project was to build a trouble-free shopping experience by providing access to almost all the grocery markets in the app based on the users’ interviews.

I distributed surveys and interviewed 8 participants to learn about goals, activities, and interests.

The findings I learned from user interviews, helped me to work on the affinity diagramming to view various users’ app usage patterns, as well as their behaviors. Based on it I created 1 identity model with whom I empathized to gather the most needed features.

In order to provide shoppers an innovative and interactive grocery shopping experience, I brainstormed about the most important features that need to be present in the application.

I created a vision diagram by understanding the mental model of the users. Through this, I tried depicting how the top needed features can be explored by the users in the application. This eventually helped me to come up with the product concepts for the application.

Understanding the vision diagram, I worked on creating the initial prototype screens for the grocery app. I performed 2 cognitive walkthroughs with my participants which helped me to gather key feedbacks.

Some of the user feedback I received included :

“The navigation is very clear, It’s easy to find the groceries in the app”

“I loved the sale feature as it shows you the sales going on for that particular store”

A few observations I had were :

• Users started clicking the order placed to track the orders

• There was confusion when browsing the list feature

I worked on re-iterating the List and Track Order screens based on the cognitive walkthrough :

• Making a detailed tracking order screen for each order

• Designing buttons in the list feature to indicate the availability of the items

The name of the application “InstaStore” originated while I was working on the vision diagram showing the various grocery stores considering the users’ perspective.

For our last design step, the low-fidelity screens were converted to high-fidelity screens showing the 3 product concepts.

Collaborative List Maker:

It allows users to modify the shopping list based on their preferences, the people sharing the application can update the shopping list. This list will be automatically linked to the stores which will help users to find the availability of the items. It will also help users to order the unavailable items online with a specific delivery date.

Iterative Help Guider

The store guidance feature helps the customers to locate the items present in the store. The user can search the items either through typing or voice-over functionality. There will be an assistant feature, clicking on the icon will guide the users more efficiently.

Inventive Outlay:

The online shopping feature will help customers to order the items unavailable in the stores, also if they just want to order without visiting the stores. The payment can be done by the application and this can be paid once the customers receive the items with the feasibility of tracking each order.

A click-through Figma prototype of the final InstaStore application is shown: