shopbubble

Rethinking in-store Grocery shopping
user experience for the new normal

cover.jpg
 

Remember when grocery shopping meant casually strolling on a Sunday afternoon to look for ingredients for that pasta dish you saw online? Not anymore. Long waits, social distancing & panic-buying are the reality of grocery shopping now. Online grocery shopping has increased by 10% in usage. However, with longer delivery wait and understaffed deliveries; in-store grocery shopping is still emerging as an important need. This need propelled me to research & design digital solutions that make our analogue world better & safer.

My Role

As the only designer for this project - I led the research, user insight identification, and visual design. I conducted user interviews, identified key tasks and produced wireframes, prototypes.

Challenges & Goals

  • Shopbubble aims to provide users with a safer, efficient & comfortable grocery shopping experience.

  • Minimise contact

  • Create a 'journey route' that is faster & efficient.

  • Regulate safety measures through alerts & reminders.

Screenshot 2020-07-29 at 3.13.44 PM.png
 

Competitor Analysis

By doing an analysis of all the features that shopbubble’s competitors have, it provided great insight into what features need to be included for the solution. Since shopbubble doesn’t have a direct competitor, similar brands providing efficient grocery shopping experience have been used for reference.

brainstorming.jpg
 

User Insights

Based on the competitor analysis, user interviews were conducted to gain deeper insight into the user’s needs & wants. Around 10+ users were interviewed with varied backgrounds to understand if there is any need to have this product.

  • 53% of users felt they couldn’t afford to wait longer for delivery times nor able to pay minimum home delivery fee every time.

  • 76% of users are adjusting their shopping habits due to the pandemic.

  • 10% increase in online grocery shopping.

Based on these user interviews, two user personas were created to address the key user insights.

persona-03.jpg
 

User Personas

User personas help provide deeper understanding into user’s motivations, behaviours and needs. Moreover, it helps to empathise with the target users and aligning the product’s goals with the user’s needs. These two personas were created based on the user interviews and key user insights.

redroutes-02.jpg
 

Red Routes

Red routes are critical as they deliver the most value to the users. It also helps streamline the design process in order to ensure the user’s are not bombarded with excessive features that distract them from the main functionality.

Screenshot 2020-07-30 at 2.14.59 PM.jpg
 

Wireframing

Quick iterative sketches can help to understand the UI of the product which can be used as the base to build the prototype in order to conduct user testing.

1.png

Shopping List

User can make lists before the shopping trip. Based on the items availability, shopbubble will recommend the nearest grocery store.

2.png

Plan trip

User can also organise your shopping trip by selecting appropriate date & time based on estimated foot traffic and item availability.

3.png

Safety Alerts

Shopbubble alerts you on all safety precautions so the user can focus on getting the groceries efficiently.

4.png

Efficient Routing

In order to avoid back & forth, shopbubble will estimate the best route to take based on the items on the shopping list. If the user decides to add/remove items, it will automatically reroute.

3.png

Scan Products

The user can scan the products using the app to minimise contact with the cashier.

7.png

Online Payment

To take it a step further, the user can decide to pay in-app to fulfil their purchase. If they would like to pay cash, the app will route the way to the cashier.

Previous
Previous

pulse — how can we empathise with devices?

Next
Next

evey beauty — branding