Designing a mobile-first quick service restaurant experience for Indian customers
Senior UI Designer and User Research
Adobe XD, Sketch, Adobe Photoshop, Adobe Illustrator
12-week sprint
(3 months)
1 UX Designer
1 UI Designer
UI Design
Design Presentation
Client Pitch
User Research
Prototyping
Interaction Design
Animation
Burger King is a well known, international fast food brand serving an assorted menu of burgers to an adoring customer base. Their core users are youngsters between the ages of 18-32 who resonate with the brand’s ‘quirky and imperfect’ brand language and marketing.
Despite the brand’s widespread popularity, Burger King’s presence in the online space in India was practically nonexistent. Customers relied largely on aggregator apps like Swiggy and Zomato to place orders online.
To overcome the digital divide, Burger King engaged us to design a responsive app and website that can facilitate direct customer interaction and increase footfalls at retail outlets through in-app offers and rewards.
Burger King aspires to become a brand destination and increase recall through an experience-driven app that engages users with a more inclusive, delightful food ordering service.
“MOBILE FIRST, DIGITAL EVERYTHING”
We decided to create a competitive app for web and mobile where placing an order would be as simple as a few clicks. It should be easy to understand and informative about the options and choices available to users.
Our approach to breaking down large projects into manageable chunks. We use this process to define the steps needed to tackle each project and hold onto all of our ideas and sketches throughout the process.
The Quick Service Restaurants (QSR) market in India is projected to grow at a CAGR of over 18% during 2021-2025 due to increasing urbanization, rapid expansion in food delivery services, a growing young and working population, an increasing number of dual-income families, and rising disposable income in the country.
The QSR market is broadly categorized into Food and Beverages segments, with the Food category holding the majority share in the market. Nevertheless, the Beverage segment is expected to grow at a faster rate in the coming years due to innovative offerings being launched in this product category.
Source - https://timesofindia.indiatimes.com/india/Eating-out-Delhi-spends-at-fast-food-joints-Mumbai-prefers-restaurants/articleshow/54503804.cms
At the beginning of the study, we conducted interviews with several participants including the management team, Burger King store employees, and people who use food apps regularly. After talking with people about their real experiences and expectations of food delivery apps, we developed a user journey/experience map to capture the crucial pain points and challenges users may encounter that cause frustration. Here are a few of our questionnaires from the interview.
A user persona is a representation of the goals and behavior of a hypothesized group of users. In most cases, personas are synthesized from data collected from interviews with users.
The Experience Mapping method helped our clients understand the experience a customer has with their product or service. Using this method, we were able to identify and optimize key customer touchpoints to deliver a better overall experience.
We defined the IA as the art and science of organizing and labeling to support usability and find-ability.
A wireframe is a low-fidelity, simplified outline of a product that focuses on structure and functionality before visual design.
We explored various design trends in the food domain to understand and create intuitive user interface designs for the application. This helped us understand the usage of images, colors, iconography, and copy for the interface, making it clear and concise.
We adhered to Burger King's brand guidelines—incorporating their imagery, color palette, iconography, and typography—while designing the app experience across iOS, Android, and web platforms.
Creating a prototype is one of the steps that precede the launch of the final product.
We created a comprehensive design style guide from scratch for the app and web platform, defining reusable components and design standards. This ensured consistency across development and design teams while streamlining the implementation process.
We developed personalized trays of food product screens that graphically display ingredients, enlist customization options, and navigate different food offerings quickly. These screens were designed to emulate the straightforwardness and transparency that the BK brand conveys on its social media pages.
Users are able to switch between dine-out and delivery mode easily ?with the tap of a button.
We introduced a ‘Party Mode’ feature in the app which helps users book a party slot at the restaurant directly from the app. Moreover, this mode gives users the option of choosing or customizing theme parties and getting a live simulation of how it would look.
In order to track user purchases on the app and increase repeat sales, we introduced the concept of BK coins- a virtual currency, which could be earned with every order done on the app, or through playing in-app games. The BK coins allow users access to a multi-level Loyalty Program that offers exclusive added benefits and savings.
We introduced an element of gamification as a means to differentiate from other delivery apps. The ‘Offers’ page displays exclusive offers on the menu as well as deals from 3rd party services, redeemable through BK crowns. To increase restaurant visits, a scan feature was added in the app through which users could scan QR codes or paper crowns to earn crowns or unlock special offers.
To improve user engagement of the app, users are encouraged to “build” their own custom Whopper using a variety of ingredients from scratch.
The Store Locator enables users to rate or read reviews of a particular outlet and view the current offers live at the store.
The BK Wall serves as a one-stop destination for everything there is to know about Burger King - its history, reach, details of product offerings, and impact on the food industry. This section is meant to show how they’re more than just a fast-food joint and increase brand recall.
We introduced new features that were strategically aimed at increasing the “stickiness” of the app - to create an app experience that people love over other food ordering and delivery platforms.
The intuitive customization options and the Build Your Own Whopper feature have gained traction among the users which has led to higher engagement and conversions on the platform. Burger King has witnessed a substantial increase in the order sizes since the app launch.
The Restaurant Mode feature has allowed users to place orders at restaurant joints directly using the app and substantially reduced the waiting times for order placement.
Giving users the freedom to write reviews on Burger King’s restaurants in their own app has boosted users’ trust in the brand, and the ratings themselves are a matter of pride for the employees, enabling them to maintain hygiene and service.
The daily rewards and offers in the app have increased overall app engagement and given rise to a number of returning customers which validated our initial need for gamifying the app experience.
This project gave me deep insights into the food industry, QSR operations, and how these chains balance high customer volume with quality service at scale.
The biggest takeaway was the power of planning and organization. Delivering 200+ screens in just two months required careful prioritization, structured workflows, and strong team coordination—proving that ambitious timelines demand even more rigorous preparation.