building a
dynamic
brand
experience

Starbucks

Creative Expression Website Development

Starbucks’ internal design team undertook an overhaul of their visual identity system in 2018–2019, and they wanted to build a website to capture the spirit of these changes and provide high-level guidance so other creatives could understand the new vision. The Starbucks team created a series of desktop-oriented designs for this creative expression website—including some uniquely playful animations and interactions—and Turnstyle helped solve the mobile responsive behaviors as we coded the site. 

Client

Starbucks

Disciplines

Digital

Visit

creative.starbucks.com

Starbucks Web Responsive 2400X1500

One of the trickiest parts of coding this site was determining how to create the interactive green dot on the landing page. It’s irresistible to interact with, responding to your cursor when you hover over it on desktop. But how should it behave on mobile phones where there’s no hover? And if the behaviors are different, how will the website know whether the user is looking at the site on a touch screen device or a desktop computer? What happens when the browser window is resized?

The Starbucks team’s vision for the site offered no shortage of creative and technical conundrums like this, but we loved the challenge.

Logo Desktop Mobile 2400Px

Next Project

Fresh
from
the
mountains