Starbucks on Gopuff

Ordering Starbucks on the Gopuff app

Role

Lead UX Designer (1 of 1)

Created entirely new product features

Introduced new components to design system

Results

Overachieved initial daily unit sales estimates

Increased average order value due to modifiers

Doubled expected revenue, over a 6 month period post launch

Context

The entire Starbucks menu meant new interaction patterns needed to be built into the Gopuff mobile app.

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 build a better mobile food customization experience that blends two brands together?

Solution 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

Press coverage

Philadelphia Inquirer↗

Business Insider↗

National Restaurant News↗

Learn more

Due to some confidential restrictions, I'm only able to share a snippet of work. Please reach out for the full case study at rwshih@gmail.com or on LinkedIn↗.

If you'd like to try the feature and order a drink, download the Gopuff app↗