UI / UX

SuperHunt Case Study

Creating digital products that provide meaningful and relevant experiences to your users. UX should be efficient and fun.

mockup superhunt

Smart grocery shopping at the lowest price

Introduction

SuperHunt is a smartphone app that saves you money by making automated shopping lists for your regular grocery shopping at the cheapest price. Scan your regular grocery at your favorite supermarkets and next time you go shopping you will have a shopping list for each supermarket with the lowest price.

Project brief

Project Brief

  • App makes automated shopping list for grocery shopping at the lowest price for selected supermarket
  • You can scan the products to add to your grocery list
  • You can search and add supermarkets on a map
project goal

Project Goals

  • Build a community of smart grocery shoppers
  • Provide a useful app
  • App should provide value for the money
  • Collect data on grocery shopping preferences and habits
Project challenges

UX Challenges

  • The app needs to be convenient for the user to add products.
  • It should be easy for the users to find and add supermarkets they usually do their groceries at.

Process

Research

Interviews

Questions

Key findings

Ideation

Brainstorming

Low-fidality wireframes

User flow

Design

Colors

Typography

Visual elements

Prototypes

Testing

Feedback

Things to consider

Final

Design

Iterations

Lessons learned

Research

Qualitative Research

Before getting started with the design it is essential to understand the needs and motivations of the users. To find out who I am designing for I conducted a qualitative research interviewing a set of people from the target group.

SuperHunt research

Key Findings

While some people prefer to do all their grocery shopping at one supermarket, a large number of people are bargain hunters and visit 2 to 3 supermarkets to do their shopping.

Persona's

SuperHunt persona

Ideation

Combinatorics

Cabinatorics is technique to define the general direction of the product.

What is it?

It is like a shopping list, without having to remember where to buy what, plus you can save money by buying the grocery where they are the cheapest.

How might we?

This questions helps to see the main problem giving some perspective on what needs to be done to solve it.

My questions was:

How might we make it more convenient for price concious people to do their grocery shopping at the cheapest possible price.

Crazy 8

Crazy 8 technique allows to brainstorm ideas quickly. I made a quick and dirty set of scatches to generate ideas for the design.

SuperHunt ideation

Userflow

Wireframes

Superhunt wireframes

Design

SuperHunt design

Colors

Typography

SuperHunt typography

Icons

Icons

Final Design

Here is the final prototype. Users can select their supermarkets on the map, save the details, scan products to add to their list and generate shopping lists for multiple supermarkets. The apps puts the items on the list for the supermarkets where they are the cheapest.