Home     About

Starbucks on Gopuff
‍‍

See the live feature, order a coffee: download the Gopuff app


Designing an end-to-end food customization experience to order Starbucks on the Gopuff app, taking into consideration how two brands collide and how to introduce a new UI pattern.

This is just a sneak peak — for the full case study, please reach out at rwshih@gmail.com or on LinkedIn↗.

Background

The entire Starbucks menu coming to Gopuff meant new interaction patterns needed to be introduced to make the E2E ordering experience work for users.

As the first delivery service to be licensed to make Starbucks drinks, the pilot program also asked the question: what does ordering Starbucks look like when it's NOT on the Starbucks app? Will people still be able to order their Caramel Crunch Hazelnut Pump Whipped Cream Latte with Oat Milk?

Problem

How can we ship a better mobile food customization experience that blends two brands together?

Highlights

Creating a digital "storefront" page and distinct nested product display pages, for an immersive Starbucks branded experience within Gopuff.

Example: new collection storefront with correlated display pages

Breaking the modifiers down as a system and reconstructing them into a new nested modifier component.

Collaborating closely with engineering on implementation, accounting for numerous edge cases and optimizing through user testing.

Example: modifying on product display page vs. full modifier catalog

Some outcomes

+ 260% above initial daily unit sales estimate

+ 76% increase in expected modified drinks ordered

+ 210% above expected revenue, measured weekly

Learn more

See the live feature, order a coffee: download the Gopuff app

Thanks for taking a look at this case study! This is really only a small snippet of the work that was done.
For the full case study, please reach out at rwshih@gmail.com or on LinkedIn