Home page of the Four Barrel Coffee responsive website shown on an iPad.


Four Barrel Coffee

A dark and moody website redesign for San Francisco’s Four Barrel Coffee

Four Barrel is something of an enigma. If ever there was a luddite coffee roaster, at first blush it would appear to be them; they roast on a vintage German roaster, have an in-house illustrator, and pointedly refused to offer Wi-Fi in their coffee shops. And yet, when it comes to crafting a website to showcase their beautiful coffee or harnessing the power of Instagram, they’re all in.

We were invited to collaborate with this team in crafting a digital experience that balances a no-fuss black and white presentation with solid events, shop, and coffee club.

It is this delicate balance between the intrinsic power of the web and the focus on the uniquely human that runs throughout the Four Barrel phenomenon.

Four Barrel website home page on iPad

From their deceptively effortless looking coffee club, which offers no less than 60 club options, to their vast array of classes, the site makes engaging with Four Barrel a pleasure.

“Bonus points for a unique online shop organized around specific flavor notes rather than country, helping drinkers dial in something that fits their personal taste, whether that’s just something juicy or heavy, or more specific like honeysuckle or lemon curd.”


Along with a focus on the Four Barrel aesthetic was a desire to make their website easy to access and use on the go. This meant a focus on producing a kick-ass mobile experience.

Four Barrel & De La Paz websites on iPhones
de la paz bags