top of page

Stress-free Supermarket App

Background

Need

Provide shoppers with a way to identify quiet times to do their shop, and where to locate their preferred items quickly on shelves.

​

Role

Working as UX design lead to oversee and execute all design stages.

​​

Users

In-store supermarket shoppers with limited time or ability to browse shelves for preferred items.

​

Timeline

Oct 23: User-research and defining product goals and value propostion

Nov 23: Creation of wireframes and protoypes

Dec 23 - Jan 24: Testing and development of design system

Design Process

Empathise

Secondary and user research conducted to find:

  • Supermarkets are designed to encourage shoppers to spend more time in-store, buy more, and buy more expensive items.

  • Shoppers say that the most stressful elements include: other shoppers and crowds, staff attitude and training, store layout and cost.

  • Shopping with a list reduces overall time in store, costs of purchase, and tends towards healthier outcomes such as reducing obesity.​

​

Define

  • Creation of personas, user-stories and user-journeys to establish 'as-is' and 'to-be' pathways for the app to have value.

  • A competitor audit identified a gap in the app features of shareable lists and confirmed an opportunity for a novel feature to identify the best shopping time around users’ schedules and crowds.

  • Value proposition:

    • Whether you’re a main shopper or a little-and-often shopper, find the best time to avoid the crowds

    • Compare prices ahead of time, knowing you’ll get the best deal and stick to your budget

    • Get taken straight to the items you want in store, saving time searching the distracting shelves

​​

Ideate & Prototype

  • Brainstorming concepts using techniques such as 'Crazy 8s'

  • Generating wireframes and prototypes using Figma.

Sarah, busy mum, wants cheapest supermarket options
Sarah, busy mum, chooses cheapest supermarket options
User journey map: Sarah's supermarket shopping app experience
Crazy 8 brainstorming example
Image of a prototype layout in Figma

Next Steps

Usability Testing

  • Recruiting to usability testing

  • Desinging tasks to establish time on task and error rates.

​

Visual Design System

  • Designing look and feel of the app in accordance with accessibility prinicples such as contrast and colour.

Woman shops groceries stress-free; Coming soon
bottom of page