/Philz_Coffee

When beloved West Coast coffee brand Philz Coffee wanted a partner to help them design and develop their “order ahead” mobile apps, Work & Co was the chosen company to get the project and I was lucky enough to be one of the developers involved, leading development of the client apps.

What started as a simple MVP candidate turned into a nearly one year commitment, with a lot of research and polishing involved in creating a beautiful, yet performant application that manages to awe and never compromise. To keep the application consistent across Android and iOS, and guarantee near-immediate release on both platforms, we ended up basing the whole application in React Native, a somewhat new platform for us.

While I had React and some React Native experience, this was also a project of many firsts for me. For one thing, it was the first time I had to focus on actual native iOS development (using Objective-C), since we had many components that required a native counterpart to be built or linked.

It was also the first project where I seriously dived into GraphQL, as it was our chosen API architecture. We first created an initial GraphQL schema based on our design's business requirements, as well a mock server as a proof of concept, and then handed off the responsibilities of creating the production server to a third-party chosen by the client (Lohika). This worked very well to ensure that the platform met our expectations.

On a less technical note, with a size varying between 2-5 developers at different times, it was also the biggest frontend team I've led and helped manage until to that date. This team ended up setting the foundation for Philz' own new engineering department, as we helped recruit and train new engineers that took over the project from Work & Co's hands.

And finally, this was also my first project to ever be featured during a WWDC keynote, when Apple used Philz as an example of how a new iOS feature (Siri shortcuts) would work. I wasn't directly involved with any of the material used in the presentation, but it still was a proud moment to see an application you helped develop in front of so many eyeballs.

Date

2018

Agency

Work & Co

Partner

Lohika

Type

Mobile App

Platforms

Android, iOS

Programming Languages

JavaScript, Objective-C, Java

Role

Lead Developer, Frontend

Programming Libraries

React Native, Relay

Previews

Awards

Silver, W3 Awards

Software & Mobile Apps ➝ Mobile Features ➝ Best User Experience

2018

Honoree, CES Innovation Awards

Software and Mobile Apps

2019

Media

Pick-Up Made Easy

Mentions

Philz Coffee’s order-ahead app rolls out to all stores

“Philz can drill down onto what are the best cups of coffee, and which ones customers tend to skip or don’t like. And they can try to figure out how to try to move that app forward and make it try to telegraph the Philz experience instead of being a kind of robotic process of ordering on the app with a few taps, walking in, and grabbing it and walking out.”

(TechCrunch)

New Philz App Takes The Preciousness Out Of Third-Wave Coffee

“So the team ditched the conversational interface, and built something much simpler that would help people get coffee as fast as possible. But the only way that works is because the app remembers who you are, and what you’ve ordered before.”

(Fast Co.Design)

A popular San Francisco coffee shop that raised $75 million could be the next Blue Bottle

“Philz Coffee even recruited Facebook employees for the beta test of its new order-ahead mobile app, which went live on March 12.”

(Business Insider)

Philz Coffee’s Custom App Makes Transactions Intimate

“The app makes drink recommendations, tracks favorites, and lets fans build on personal connections formed at the store by enabling customers to engage with baristas directly through the app.”

(Work & Co)

The Brand New Philz App: Crafted with Love, for You

“I’m so proud of our team and collaboration with Work & Co for creating a different kind of mobile experience. We didn’t view this project as a piece of technology for a phone, we viewed it as an opportunity to extend the Philz experience of connection and personalization.”

(Medium)

@jruizdesign

(Jonathan Ruiz)

@betaorbust

(Jacques Favreau)

Philz Coffee App

(Product Hunt)

Additional Credits

Design Partner

Joe Stewart

Technology Partner

Tiago Luchini

Product Management

Muriel Alvarez

Product Management

Erika Moya

Product Management

Bethany Pensworth

Designer

Corey Edmondson

Designer

Andrew McBride

Designer

August Heffner

Designer

Chris Nieri

Tech Director

Rodrigo Senra

Developer

Marwan Sulaiman

Developer

Nikolas Moya

Developer

Owen Herterich

Developer

Derek Chan

Developer

Wesley de Souza

Developer

Marko Niciforovic

Developer

Damir Tuka

Developer, iOS

André Carvalho

Quality Assurance

Iana Omelchenko

Quality Assurance

Kate Vnuk

Quality Assurance

Lorian McHayle

Quality Assurance

Neil Duggan