Behind the scenes with Blue Bottle and GV

At Google Ventures, we do product design work with startups all the time. We’ve optimized a process, called design sprints, to help our companies solve big challenges quickly.

Earlier this year, we did a design sprint with Blue Bottle Coffee to help redesign their website. Our goals: help customers discover coffee they’ll love, make it easy to buy coffee, and tell the Blue Bottle story.

We worked with Blue Bottle Coffee and Dynamo (a design agency in Montreal) on the new website. We collaborated with the teams on research, sketching, wireframes, clickable prototypes, and detailed interaction and visual design.

Here’s a quick look at how parts of the site evolved…

Coffee product page

We sketched possible UIs in the design sprint, then used colored dots to vote on the best ideas.

We created three clickable prototypes in a single day, and showed them to users the next day.

Here’s the final screen from the new Blue Bottle Coffee website. Dynamo used the concepts and research findings from the design sprint to guide their work.

Brewing guide for drip coffee

Here’s a UI sketch for a different part of the site, complete with blue voting dots.

We prototyped this page and tested our design with users.

Here’s the final screen from the new Blue Bottle Coffee website.

We thought it’d be interesting to look behind the scenes at how we worked with Blue Bottle on this redesign. We hope you enjoyed it!