Эволюция мобильного приложения Burger King
Обзор проекта
Мобильное приложение Burger King — один из ключевых жизнеса цифровых продуктов компании, который обеспечивает удержание пользователей и рост LTV за счет программы лояльности, персонализированных предложений и эксклюзивных внутриигровых наград.
Я принимал участие как в запуске новых продуктовых инициатив, так и в текущем редизайне, уделяя особое внимание процессу оформления заказа и дизайн-инфраструктуре.
Бизнес-контекст
Приложение проходило через масштабный редизайн, который изначально вела внешняя дизайн-студия. В то же время внутренней команде необходимо было продолжать выпускать улучшения продукта, не нарушая уже идущий процесс трансформации.
Одной из ключевых бизнес-областей был процесс работы с корзиной и оформлением заказа. Снижение процента брошенных корзин открывало отличную возможность для повышения конверсии и, в конечном счете, роста объема онлайн-заказов.
Параллельно с этим растущая сложность продукта создавала трудности для самой дизайн-команды: макеты становилось все сложнее поддерживать, а передача дел от внешней студии внутренней команде требовала внедрения более устойчивого и эффективного дизайн-процесса.
Ключевые метрики
Показатель брошенных корзин
Проектирование процесса оплаты (CR)
Пользователи
от 6 месяцев
Моя роль
Я работал в роли Product Designer в кросс-функциональной команде совместно с другими дизайнерами, продакт-менеджерами, аналитиками, исследователями, разработчиками и внешним дизайн-агентством.
В мои обязанности входило:
Проектирование сквозных мобильных функций (end-to-end);
Поддержка текущего редизайна приложения;
Проведение UX-бенчмаркинга и конкурентного анализа;
Подготовка готовых к разработке спецификаций (production-ready);
Поддержка библиотеки компонентов и документирование UI-гайдов;
Участие в юзабилити-тестировании и UX-копирайтинге;
Организация дизайн-макетов и оптимизация процессов совместной работы;
Согласование дизайн-решений между внутренними командами и внешними подрядчиками.
Ниже описаны ключевые инициативы, которые лучше всего демонстрируют мою работу над продуктом.
Повышение конверсии брошенных корзин
Проблема
Брошенные корзины были серьезной проблемой для конверсии. Пользователи могли столкнуться с отсутствием блюд в меню или необходимостью изменить адрес доставки уже после добавления товаров. Это создавало трение, которое часто приводило к отказу от заказа.
Эти сценарии были особенно сложными, поскольку параллельно шла редизайн корзины. Новые функции требовалось внедрить в меняющийся интерфейс, не усложняя пользовательский опыт.
Задача
Спроектировать новые сценарии восстановления прерванных покупок, которые помогут пользователям самостоятельно решать возникающие проблемы прямо в корзине и переходить к оформлению заказа.
Подход
Я спроектировал два взаимодополняющих сценария:
Замена отсутствующих позиций прямо в корзине, что позволяет покупателям спасти свой заказ вместо того, чтобы возвращаться в меню;
Изменение адреса доставки в корзине, благодаря чему пользователи могут скорректировать параметры заказа, не проходя весь путь заново.
Для сценария замены отсутствующих товаров в корзине я предложил два варианта: сначала мы реализовали более простое в разработке решение (с одиночным выбором), а затем — более удобное для пользователя (с множественным выбором).
Поскольку эти функции разрабатывались параллельно с полным редизайном корзины, ключевую роль сыграло тесное сотрудничество с другими дизайнерами и аналитиками. Я постоянно синхронизировал паттерны взаимодействия и визуальный язык, чтобы все новые фичи органично вписались в обновленный пользовательский опыт.
Я также уделил особое внимание тому, чтобы новые сценарии ощущались как естественное продолжение корзины, а не как дополнительные, усложняющие интерфейс слои взаимодействия.
Результат
Внедрены новые механики восстановления корзины без увеличения когнитивной нагрузки на пользователя;
Повышена устойчивость корзины к типичным сбоям при оформлении заказа;
Сокращено количество итераций дизайна при разработке благодаря более тесной синхронизации между проектированием и реализацией.
Поддержка редизайна приложения
Проблема
Burger King запустил масштабный редизайн совместно с внешним дизайн-агентством. Когда контракт с агентством завершился, дальнейшая работа над редизайном была передана внутренней команде дизайна.
Главным вызовом стало сохранение целостности нового визуального языка при постоянном внедрении обратной связи от исследователей и бизнес-заказчиков.
Задача
В составе внутренней команды дизайна взять на себя редизайн и совместно заложить устойчивый фундамент для его дальнейшего развития.
Подход
На первом этапе мой вклад заключался в рецензировании концепций, валидации UX-решений, улучшении микротекста интерфейса и поддержке пользовательских исследований.
Когда контракт с внешним агентством подошел к концу, я и еще два штатных дизайнера полностью взяли на себя работу над редизайном.
Совместными усилиями мы:
Консолидировали актуальные макеты редизайна;
Расширили и задокументировали новую библиотеку компонентов;
Внедрили обратную связь от исследователей и бизнес-стейкхолдеров;
Подготовили базу дизайна для дальнейшей внутренней разработки.
Результат
Процесс редизайна продолжился без потери темпа после передачи проекта от агентства;
Нам удалось сохранить визуальную и функциональную консистентность в новых продуктовых фичах.
Внутренняя команда стала полностью автономной в вопросах поддержки и масштабирования обновленного продукта.
На скриншоте показан финальный интерфейс приложения, который команда выпустила в продакшн, когда я уже работал на новом месте.
Модернизация процесса ожидания и оценки заказа
Проблема
По мере роста продукта поддерживать макеты становилось всё сложнее. Тяжелые файлы в Figma замедляли совместную работу, накапливались устаревшие экраны, а разработчики то и дело брали в работу неактуальные версии дизайна.
Раздел «Ожидание и оценка заказа» требовал особого внимания: его экраны были разбросаны по старым рабочим файлам, некоторые состояния устарели, а часть сценариев и вовсе отсутствовала в общей библиотеке дизайна.
Задача
Взять на себя ответственность за раздел «Ожидание и оценка заказа», обновить его опыт взаимодействия в соответствии с текущим продуктом и библиотекой компонентов, а также создать надежный единый источник истины для дальнейшей разработки.
Подход
Параллельно с этим продуктовая команда переходила на новую архитектуру макетов: под каждое направление выделялось отдельное рабочее пространство со строго структурированными экранами для передачи в разработку.
Я взял на себя проектирование раздела «Ожидание и оценка заказа» (Order Waiting & Rating), в рамках которого:
Воссоздал текущий пользовательский опыт на основе архивных исходников;
Проанализировал существующие сценарии использования и выявил недостающие или неоднозначные состояния экранов;
Обновил макеты, задействовав актуальную библиотеку компонентов и современные паттерны взаимодействия;
Детализировал пограничные кейсы и логику работы продукта совместно с аналитиками и QA;
Вернул недостающие состояния и паттерны обратно в общую библиотеку компонентов;
Организовал финальные экраны в понятную и поддерживаемую структуру для дальнейшей работы.
Это была не просто «приборка в макетах»: этот процесс помог вскрыть несогласованности в текущем интерфейсе и сформировать более полное и точное представление о работе данного раздела.
Результат
Всего за две недели я полностью обновил раздел «Ожидание и оценка заказа», создав для команды единый и поддерживаемый источник правды.
Объединил архивные экраны и текущие состояния продукта в единое структурированное рабочее пространство;
Выявил и проработал сценарии, которые ранее были упущены;
Снизил уровень неопределенности при передаче макетов в разработку;
Упростил поддержку и масштабирование раздела за счет интеграции с текущей дизайн-системой.
Общие результаты
Работа над приложением Burger King потребовала от меня вовлеченности сразу на нескольких уровнях продуктового дизайна: от оптимизации пользовательских сценариев до создания масштабируемой дизайн-инфраструктуры и помощи внутренней команде в принятии продукта на этапе масштабной трансформации.
Помимо работы над отдельными фичами, я помог сделать приложение более адаптивным к изменениям — мы оптимизировали сценарии восстановления корзины, навели порядок в разрозненных дизайн-активах и заложили прочный фундамент для того, чтобы внутренняя команда могла успешно продолжить редизайн.
Этот опыт укрепил мою способность эффективно работать в сложных продуктовых средах со множеством дизайнеров и стейкхолдеров, соблюдая баланс между сиюминутными потребностями продукта и его долгосрочной консистентностью и масштабируемостью.
Читать следующий кейс