The Brief

The goal of this project is to create a loyalty program that encourages individuals to visit independent coffee shops and generate revenue for the independent coffee shops.

The loyalty system will be based on digital stamps that can be collected and redeemed for their favorite coffees. These digital stamps can be aggregated and used at any of the participating independent coffee shops.

Discover

Lets explore the problem

Stakeholder Interview

I met with Akid, a stakeholder, to gain insights and understand the underlying philosophy driving the development of the coffee app.

Objectives:

• Users to understand which are the best independent coffee shops for them to get their favorite coffees.

• Improving loyalty to independent coffee shops by allowing them to collect digital stamps.

• Connect users who love coffee to the best independent coffee shops through the platform.

Akid Zolkifli

Business Model Canvas

I ran a workshop with Akid to help me understand how the coffee app fits into the broader business landscape. Together, we mapped out a business model canvas to guide the app's development and ensure alignment with strategic goals.

Competitive Analysis Matrix

This task allowed me to compare various coffee-related apps and websites based on key features such as rewards systems, review and rating systems, location features, in-app ordering, menu options, premium account features, and other functionalities.

Define

Let's decide what to fix

Affinity Map

CHANGE> I ran a workshop with Akid to help me understand how the coffee app fits into the broader business landscape. Together, we mapped out a business model canvas to guide the app's development and ensure alignment with strategic goals.

Key Takeaways:

• Users to understand which are the best independent coffee shops for them to get their favorite coffees.

• Improving loyalty to independent coffee shops by allowing them to collect digital stamps.

• Connect users who love coffee to the best independent coffee shops through the platform.

Persona

Behaviors:
Alex is always on the go and has a busy schedule. He is often in a rush and does not have much time to spare, so he needs to find the nearest coffee shop quickly.

Motivations:
Alex is motivated by his need for caffeine to stay alert and focused throughout his busy day. He enjoys the taste and aroma of coffee and wants to find the best coffee shops that can provide him with a high-quality coffee experience. He is also motivated by efficiency and convenience, so he prefers an app that can quickly show him the coffee shops nearby.

Pain Points:
He may not have time to research coffee shops beforehand, so he needs an app that can provide him with reliable information quickly. He also values comfort and convenience, so he may feel frustrated if a coffee shop does not have comfortable seating or good Wi-Fi.

Name: Alex

Age: 32

Job: Marketing Executive

Location: London

Jobs To Be Done (JTBD)

When (im meeting a friend), I want to (find a local coffee shop),
so I can (have a good catch up over my favourite coffee).

When (im at a coffee shop), I want to (collect stamps), so I can (get a reward).

When (i need energy), I want to (have a coffee), so I can (focus on my day).

Develop

Let’s start testing potential solutions

Problem Statement

[A commuter] needs a way to [find a local coffee shop closest to them], because [they are short on time and need caffeine boost]

Hypothesis

If we provide a mobile app that allows commuters to easily find the nearest coffee shops along their commute route and collect loyalty stamps, we can increase their overall satisfaction with their daily commute, improve their productivity, and foster customer loyalty.

We believe that [displaying the nearest coffee shops], for [commuters], we will achieve [an increase of loyalty and increased discoverability of best independent local shops]

We will know this to be true when we see [digital stamps; more ratings and reviews; and increased user engagement].

User Journey

When (im meeting a friend), I want to (find a local coffee shop), so I can (have a good catch up over my favourite coffee).

Task Analysis

CHANGE>> When (im meeting a friend), I want to (find a local coffee shop), so I can (have a good catch up over my favourite coffee).

Deliver

Refining the final solution

Wireframes

CHANGE>> When (im meeting a friend), I want to (find a local coffee shop), so I can (have a good catch up over my favourite coffee).

Prototype

Created prototype
Taking the designed wireframes, put together a basic prototype in Figma.

Set goals to complete
Reflected the 3 goals that users such as Alex would typically want to achieve.

Tested on similar personas
To try and get the best results, similar personas were tasked with completing the goals.

Key findings:

• Not sure where to find out about the coffee

• Text is very dense - more icons - scan not read

• Is the shop open or closed?

• Carousel images of the coffee shop

• Show quantity of users with the reviews

• Flavour of the coffee - intense or sweet

• Profile page showing too much info

• Source button needs to show more info

• How does the user know if they have reviewed the shop?

• Add a "saved" button on the viewed coffee shop

• Show menu with price structure

• Maybe show an average spend

Usability Testing

The prototype was tested with 3 participants, observing how they would complete a task

User 1:

• Rating are good - show quantity of users

• Show seating area

• Don’t know what the source means, show more info on a overlay - map of its source -

• Flavour of the coffee- intense

• Good to see the time of walking and cycling

• Check in reminds of hotel - does it mean pre order the coffee??

• Status button is confusing - change to waiting time

• Get directions -

• Write review is after the

• Profile page showing too much info - want to receive more benefits like uber eats

• Date and Time when you last visited

User 2:

• Landing page - loading bar - create an account button

• Format the title on the landing page

• Icons more moving up when tapping on it

• A lot of text on the coffee page - too small and dense

• Source button need to show more info when clicked on it

• Coffee nearby - search on google

• Rating colour range - Faster to understand - make it bigger

• Make text size bigger

• Change recently visited to saved

• How does the user know if they have reviewed the shop

• Add a saved button on the shop

User 3:

• Filter with rating

• Pictures - help choosing

• Read about the coffee shop

• Not sure where to find out about the coffee

• Link the blog to the coffee shop

• Nearest button - Update the miles

• Text is very dense - more icon - scan not read

• Location pins showing - image, name. Rating

• Seating options

• Open or closed

• Carousel of the coffee shop

• Show the country for the source

• What does check-in button do

Final Product

CHANGE>> When (im meeting a friend), I want to (find a local coffee shop), so I can (have a good catch up over my favourite coffee).