top of page

Burger King’s Quality Control App

Designing a seamless inspection experience that aligns with Burger King’s ecosystem

Mock up Cover_new.png

Role

Product designer

Tools

Figma, Optimal Workshop, Miro,

Loom

Skills

Design System analysis, Prototyping, Information Architecture

Video: Prototype Overview

Check out the

Problem statement

Quality control is essential for maintaining brand standards across all locations of this fast food restaurant chain. However, inspectors faced inefficiencies due to manual processes, rigid workflows, and a lack of flexibility when conducting restaurant evaluations.

The outcome

I designed a mobile-first Quality Control App that seamlessly integrates into Burger King’s digital ecosystem.

The goal

Enhance efficiency, simplify inspections, and empower inspectors with a flexible, user-friendly experience.

Key UX Enhancements

Iteration & User-Centered Refinements

Using guerrilla testing feedback, I iterated on the design:

From version #1

Low-Fi Prototype​

To version #3

Hi-Fi Screen Design

Improve
Navigation

  • Customizable Workflow

​Introduced a task overview screen for flexible step selection. Inspectors could choose their own order of tasks.

Mock up Preview.png
Mock up Rating.png

Faster Rating Process

  • Streamlined Rating System

Reduced interactions & Faster scoring with consolidated feedback fields.

Increased Timer Visibility

  • Persistent Timer

Accessible from any screen

for more flexible inspections.

Mock up Timer.png
Mock up Dispute.png

Add Transparency

  • Dispute Feature

Managers could now contest results, adding transparency.

These refinements prioritized user control and efficiency, making the app intuitive and seamless for inspectors.

Discover

Research

For Broadening the scope to understand the problem.

Define

Synthesis

Narrowing the scope and defining the problem.

​

Develop

Ideation

Generating ideas to solve the problem, prototyping and user testing.

Deliver

Implementation

Delivering a design based on testing, iteration and user insights.

The Design Process

From Concept to High-Fidelity Prototype

At the beginning, I started with a benchmarking research, low-fidelity sketches, iterating through multiple layouts based on feedback. As the design evolved, I developed a Design System incorporating:

  • Burger King’s Visual Identity

Maintaining brand consistency.

  • Typography & Color Palette

Ensuring clarity and accessibility.

  • Component library

For scalability and consistency.

Competitive analysis. Benchmarking

Before designing the App, I conducted a benchmarking research to analyze both direct and indirect competitors across B2B and B2C industries. This process helped identify best practices, user expectations, and opportunities to create a more efficient and user-friendly inspection tool.

iAuditor.png

Safety

Culture

iAuditor

Screenshot 2025-02-19 at 19.58.15.png

GoAudits

Screenshot 2025-02-19 at 23.13.09.png

Falcony

Benchmarking FigJam moodboad

Sketches
User Flows

1.png
a.png
3.png
11.png
b.png
12.png

Research & Key Insights

To ensure the app truly met inspectors' needs, I conducted guerrilla usability testing with participants who simulated real inspections using my prototype. The insights were eye-opening:

01. Timer Flexibility

Users wanted to start the timer and continue other tasks, rather than following a fixed sequence.

02. Navigation Preferences

Some inspectors preferred a non-linear workflow, choosing which steps to complete first.

03. Speed & Simplicity in Ratings

The original rating system felt slow; inspectors needed a quicker way to evaluate restaurants.

04. Decision Transparency

Managers requested an option to dispute inspection results, ensuring fairness in evaluations.

Miro board with  main insights

These insights directly shaped the app’s core functionalities, leading to meaningful improvements in usability and efficiency.

Design System

Typography

Text styles.png

Color Palette I Styles

Color styles.png

Components

Impact

The Results & Takeaways

The final high-fidelity prototype provided a faster, more efficient, and user-friendly solution for Burger King inspectors.

Key learnings:

  • User feedback is essential

Small tweaks (like a persistent timer) significantly improve usability.

  • Flexibility matters

Allowing inspectors to customize their workflow enhanced efficiency.

  • Testing early saves time

Validating with users early prevented unnecessary iterations later.

Through this project, I strengthened my skills in UX research, interaction design, design systems and prototyping, while crafting a solution that seamlessly integrates into Burger King’s ecosystem.

What’s Next?

In future iterations, I’d like to:

  • Conduct further testing with a larger sample size to refine usability.

  • Explore data visualisation in this project & data analytics to track inspector efficiency and improve decision-making. Keep working on the History, Profile & Calendar section.

bottom of page