Starbucks: AI Mood

Problem:

Starbucks ordering can feel overwhelming when you don’t know what you want. People rush, overthink, then default to the same drink.

Solution:

Barist-AI is a one-tap mood check-in that recommends a drink in seconds, then lets you pre-order instantly.

Deliverables

• UI & UX Design

• Motion Design

• Strategy & Copywriting

• Visual Identity

• Social Media

• Experimental

• Strategy & Copywriting

• Visual Identity

• UI & UX Design

• Social Media


• UI & UX Design

• Motion Design

• Strategy & Copywriting

• Visual Identity

• Social Media

• Experimental

Type

Client Work

Research & Rationale

Originally explored at agency We Are Social, then developed independently. Built around Starbucks’ personalisation, the concept matches your mood to a drink recommendation in seconds. I created the UX and visual system to show how it scales across a full campaign.

AI-Generated Material System
An iridescent liquid finish visualises how AI adapts recommendations in real time.
Soft pastels and Starbucks Green anchor the brand, while iridescent gradients reflect AI’s layered complexity, supported by holographic 3D icons and a serif–sans type pairing for a Gen Z, AI-led experience.

Design & Deliverables

Designed to remove menu overload and make choosing feel effortless, powered by Starbucks AI.

Mobile-First Experience
Barist-AI turns a quick mood check-in into a personalised drink recommendation, ready to order in one tap.
Barist-AI on Web
A introduction to Barist-AI that supports exploration and decision-making outside the transactional flow.
AR TikTok Filter
A mood-based AR filter seeded through celebrity and creator use, turning drink discovery into a shareable, repeatable social behaviour.

Create a free website with Framer, the website builder loved by startups, designers and agencies.