Grocery List Feature for Swiggy — A UX Design Case Study
By: Vinay Thorat
Tags: UX Design, UX Research, User Experience, User Testing, User Research

Disclaimer

This is a personal project. I was not commissioned by Swiggy to work on their App. This research for this project was conducted before 20 Oct 2020. Any updates of the Swiggy app after this date are not accounted for in the research.

Being a beginner in UX Design this is going to be my first UX case study.

So, what is Swiggy?

Swiggy is India’s largest and highest-valued online food ordering and delivery platform. Swiggy is based in Bangalore, India, and as of March 2019, was operating in 100 Indian cities. In early 2019, Swiggy expanded into general product deliveries.

Discovering the problem

So during the Covid pandemic, we started to shop grocery online like the rest of us. That’s when I stumbled across Swiggy’s online grocery. For online food delivery, Swiggy was my go-to App, and it seemed a few months back they also introduced a feature for online grocery shopping, so I thought I’d give it a shot. The one thing that I liked about Swiggy was that you could buy your groceries from your local Stores.

So, firstly I made a list of all the required items needed. I opened the app to search for the store that I usually buy groceries from. But I was not able to find it. There were other stores which seemed trustworthy, so I decided to go with them. I had a total of 18 items.

I searched for the items one by one. But there were five of the items on the list that were not available in that store.

I was a little annoyed, but then I tried to see if it’s available in another store where they might be available. And when I found it and, I tried to select the item from another store a dialogue box prompted saying

So the only solution for this problem was to order twice from two different stores plus the delivery charge for both the orders.

At that time, an 💡 idea struck in my UX design brain that what if there was a list feature in Swiggy where you can add the list first, and then you can select multiple stores from which we can buy all the items at once. This way the delivery charge can also decrease and it would be more convenient for both the user.

So I thought of designing a list feature in Swiggy.

If you want to take a quick look at the final design, here’s the link.⚡

Problem statement

To help Swiggy users buy groceries from multiple stores at once and help them find the best stores available in their local area.

Research and validation

I can’t go around designing a solution unless the problem is validated, not just for me but for a significant group of people. So, I interviewed people asking them about their experiences while using the Swiggy app. I conducted interviews with 20 people who use online grocery shopping, 12 of which used Swiggy. The aim was to validate my assumptions regarding the problems faced by the users while shopping online and to discover other problems that they might have faced.

Data to validate assumptions

19 of users face the problem with no option of multiple store shopping.

face the problem with shopping. 18 of the users faced the problem with the unavailability of all the items in a single store.

faced the problem with the of all the items in a single store. 14 of the users did not find any known stores in their particular location.

New pain points identified

the user has no way to compare prices between two stores.

between two stores. users have difficulty finding a budget-friendly store.

(some users being on a tight budget preferred to compare prices between two stores and find the least expensive store)