/Pepsi_Spire
Oh boy, how do I even start describing this project. I suppose I should start by stating this is one of my favorite projects of all time.
Firstborn was asked to design and implement the graphical user interface for Spire, Pepsi's new generation of soda fountain machines. After a long period of designing, prototyping, and user testing, we came up with a flexible family of interfaces that served two different form factors for their soda machines: Pepsi Spire 2.0 (a small size, up to 12 brand soda fountain), and Pepsi Spire 5.0 (a large-size, up to 16 brands version).
The HD screen rendered our continuously animated user interface in its full glory. Firstborn's superb motion design and the device's clean yet delightful interface produced a stunning product.
I am very proud to have been the lead developer on Spire's front end. Bringing this project to life was no easy task. We worked under many constraints, trying to get the best performance out of the small form-factor Intel NUC used internally.
This project was implemented in Flash, decidedly the best platform for the job at the time. However, the usual Flash display list was circumvented almost completely in favor of using GPU-accelerated graphics rendering. A lot of time was spent on optimizing texture memory use and draw calls. The result is an interface implementation that has more in common to OpenGL/DirectX graphics than with the typical Flash application.
This is, by far, the code I spent the most time profiling and optimizing. From debugging frame rendering using Intel DirectX tools, to measuring resources and memory use for up to 40 days (my target uptime), it offered many unusual challenges that were only matched by the satisfaction of accomplishing them.
This was also the first time I worked in something I could call a real product. Iterating, testing, and making it better was a pleasant, refreshing experience that made me realize how awesome it could be to make something that people use every day better and better.
Date
2013
Agency
Client
PepsiCo
Brand
Spire
Partner
PepsiCo Design & Innovation
Type
Out Of Home/Kiosk
Platform
Adobe Flash
Programming Language
ActionScript 3
Role
Lead Developer
Programming Library
Awards
Winner, Red Dot Award
Brands & Communication Design ➝ Interface Design ➝ Interactive Installation
2014
Selection Winner, Australian Good Design Award (dead; try web archive)
Product Design ➝ Commercial and Industrial
2015
Gold, HUB Prize (dead; try web archive)
2014
Inhouse Design Award, GD USA (dead; try web archive)
2015
American Graphic Design Award, GD USA (dead; try web archive)
2015
Media
Mentions
Inside The War To Reinvent The Soda Fountain
“We wanted high engagement, but ease of transaction. We wanted it to be approachable but not intimidating. We went through multiple rounds of UI and UX testing to find the best mix.”
(Fast Co.Design)
New turf for old-school soda wars: The soda fountain
“Pepsico is betting Spire — a new touchscreen, make-it-yourself, high-tech beverage fountain — will be a game changer for its food-service business.”
(CNBC)
Sneak Peek: Check Out Pepsi's Drink-Customization Machine
“Back lighting behind the Spire's screen synchronizes with the beverage selected — green for Mtn Dew, for example — and is designed to attract attention.”
(Ad Age)
Pepsi Aims To Boost Lagging Sales With High-Tech Soda Dispenser
“The system encourages consumers to experiment with bold new flavors they can only create at a Spire machine.”
(PSFK)
PepsiCo is Red Dot: Client of the Year 2014 (dead; try web archive)
“A prime example is Red Dot winning Pepsi Spire – a portfolio of innovative equipment, which PepsiCo rolled out earlier this year, and also awarded a Red Dot in this year’s competition.”
(Red Dot Award)
Pepsi Challenges Coke in the Race to Design a More Tappable Soda Fountain
(The New York Times)
Pepsi Rivals Coke's Freestyle With Touchscreen 'Spire' Debut (dead; try web archive)
(Vending Times)
Pepsi Just Unveiled A Crazy New Soda Machine
(Pepsi Insider)
Meet 'Spire,' Pepsi's Answer to Coke's Freestyle Machines (Editor's Pick)
(Creativity Online)
Make Your Drink Come True With Pepsi Spire, The Future Of Fountain Beverages (dead; try web archive)
(Market Watch)
Pepsi Spire: PEP Unveils New Self-Serve Beverage Dispenser
(InvestorPlace)
PepsiCo reveals Pepsi Spire fountain beverage dispensers
(FoodBev Media)
Additional Credits
Tech Director
Francis Turmel
Support Developer
Lee Felarca
Creative Director
Joon Park
Project Management
Project Management
Devon Roy
Creative Director
Creative Director
Art Director
Art Director
Motion Graphics
Motion Graphics
Ian Sigmon
Motion Graphics
Copywriting
