Coupons & Mobile Order App for iOS and Android
A Total Redesign
At Tillster, we partnered with Restaurant Brands International CEO and Creative Director to redefine BK’s design language and user experience for a brand new app.
This version of the app represented a milestone of entering the native app space for both Tillster and Burger King. The collective vision was a modern ordering app that adopted native styles and interaction patterns.
This was the first US market BK app to feature integrated payments, and mobile ordering to complement coupons and loyalty.
Project Background
THE GOAL
Deliver the first native app design for Burger King and Tillster while establishing a process and guidelines for building native apps at scale.
THE DESIGN CHALLENGE
As our first native build together for most of the team involved, we had to collaborate to establish best practices for asset handoff, while also exploring an inclusive design language patterns.
SUCCESS METRICS
Grow coupon engagement to help consumers get more value with each meal while building customer retention. Drive order frequency and through-put while creating up-sell opportunities to increase the average transaction amount for franchise clients supporting the BK app in the US market.
DURATION
6 months
TEAM
2 CEOs
1 CMO
1 VP of User Experience Design
1 Creative Director
1 Senior Product Designer
(My Role)1 Production Designer
3 Engineers
Legal team
SOFTWARE
Sketch, Zeplin, Adobe Suite
Design Process
What did we start with?
BK Branding, Marketing Creative, and Product Imagery
For this redesign, my vision was a minimal interface that granted emphasis to the sensory inducing photography. I wanted to reserve color for elements that guide user interaction and indicate system status.
Native Design Patterns
Our new design language would need to adapt to the values and visual direction of both Material and iOS design guidelines.
By partnering closely with my Native Front-End Teams, I was able to clearly define guidelines for specs and interactions.
Design Inspriation
Design Direction
Modernize product and brand
Follow native guidelines for styles, components and interaction patterns
Utilize light theme and limit color to elements driving actions
Craft a new iconography system that follows native styling
Create personalized delightful moments
Final design
