Coupons & Mobile Order App for iOS and Android
A Total Redesign
In collaboration with Restaurant Brands International's CEO and Creative Director, I partnered at Tillster to redefine Burger King's design language and user experience for a new native app. This app marked a significant milestone for both Tillster and Burger King, entering the native app space.
The vision for the app was a modern ordering experience adopting native styles and interaction patterns. Notably, this was the first US market Burger King app to feature integrated payments alongside mobile ordering, complementing coupons and loyalty program integration.
Project Background
THE GOAL
The objective of the Burger King app project at Tillster was to deliver the first native app design for Burger King and Tillster. Simultaneously, the goal was to establish a process and guidelines for building native apps at scale, setting a foundation for future app development.
THE DESIGN CHALLENGE
As this was the first native build for most of the team involved, collaboration was key to establishing best practices for asset handoff. Simultaneously, the team explored an inclusive design language and patterns to ensure a cohesive user experience in the Burger King native app.
SUCCESS METRICS
Key success metrics for the Burger King app included:
Growing coupon engagement to enhance consumer value per meal and drive customer retention.
Driving order frequency and throughput.
Creating up-sell opportunities to increase average transaction amounts for franchise clients 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 Collateral
The starting point for the Burger King app redesign included BK branding, marketing creative, and product imagery. My vision for the redesign was to create a minimal interface that emphasized sensory-inducing photography. Color usage was reserved for elements guiding user interaction and indicating system status to ensure a focused user experience.
Native Design Patterns
The new design language for the Burger King app needed to adapt to the values and visual direction of both Material Design (Android) and iOS design guidelines. By partnering closely with the native front-end teams, I clearly defined guidelines for design specs and interactions, ensuring a cohesive implementation across both platforms.
Design Inspriation
Visuals in this project showcase inspiration themes driving the modern, minimal native mobile design for the Burger King app. Key themes included:
Menus designed for clarity and ease of use.
Brand moments emphasizing Burger King's identity.
Cart conversion patterns optimizing for user flow.
Product photography stylizing to highlight sensory appeal of Burger King menu items.
Intuitive loyalty rewards and redemption flow.
Design GOALS
Modernizing the product and brand presentation.
Following native guidelines for styles, components, and interaction patterns on both Android and iOS.
Utilizing a light theme with color limited to elements driving user actions.
Crafting a new iconography system aligned with native styling conventions.
Creating personalized, delightful moments for users within the app.
Final design
The final design of the Burger King app achieved a modern, minimal native mobile experience aligning with the project's design goals. Incorporating native design patterns for both Android and iOS, the app emphasizes sensory-inducing product photography, strategic use of color for actions, and a cohesive iconography system. The outcome delivers a user experience focused on ease of use, brand moments, and couponing and mobile ordering.
