Costa

Products

iOS and Android apps

ROLES

Product Design
User Testing
Copywriting

DATES

2019—2020

In 2019, I worked with Costa Coffee on their app to help get coffee to customers faster using the app. At this time the app itself looked pretty dated, so the first project was to reskin it to match the latest brand styling. After this, the roadmap included a bunch of different projects, all with a view of mirroring the in-store experience in the app.

Strategy

In late 2018, Costa did some great work on segmenting their target audience. This helped us focus the majority of our attention on two user groups:

Morning Commuter
Someone picks up a coffee on the way to work, and usually orders the same drink from the same store.

Break from work
Someone looking for a treat in the afternoon. Also usually orders from the same store but will order to eat in.

the reskin

Modernising the UI

Background

Costa went through a rebrand in 2018, and wanted to apply new styling to the app. The red was changed to something a little darker and more premium.

Hypothesis

Updating the app will make it look and feel more recognisably Costa, and might also be an opportunity to make some experience improvements.

Designing for iPad

The new home screen area provided some interesting design challenges for Costa's iPad app. To solve this, I used a max width for the card column to avoid the need to stack the cards horizontally.

EXPANDING THE MENU

Food integration

Background

The business wanted to allow customers to order food in the app and collect in-store. The view was that this would increase revenue.

Hypothesis

Adding food items to the menu will increase total sales using the collect service in the app.

Testing

The user flow was tested with 10 remote participants, to measure the success of three  navigation options. My recommendation was to use a horizontally scrolling navigation. This not only out-performed the previous option but also allowed us to provide better discoverability in smaller devices, See full results below.

View test

Results

Food orders accountable for 5% of total sales in the app, which is double what was projected (measured over 3 month period).

Iconography

New iconography was required for customisation in the food extras. I created a set of icons and a signature style that we could apply to other products in the future.

FEATURE UPDATE

Drink Customisation

Background

The business wanted to mirror the in-store customisation in the app. Users would be able to add multiple extras to their drink (e.g. a flake and a marshmallow).

Hypothesis

There are some customers who can't currently create their drink in the app, because they can't add more than one extra per drink. Allowing them to add more than one extra will increase sales.

Testing

Updates to the drink customisation were tested with 5 remote participants with a view of seeing if they would be able to use the multiple extras section to add more than one extra to their drink. Full results are available below.

Results

Food orders accountable for 5% of total sales in the app, which is double what was projected (measured over 3 month period).