Развитие приложения Бургер Кинг
О продукте
Мобильное приложение Бургер Кинга — один из главных цифровых продуктов компании. Оно отвечает не только за оформление заказов, но и за удержание пользователей через программу лояльности, персональные предложения, акции и эксклюзивные бонусы.
Я работала одновременно над развитием новых продуктовых сценариев и масштабным редизайном приложения, уделяя особое внимание корзине, оформлению заказа и дизайн-инфраструктуре продукта.
Бизнес контекст
Во время моей работы в компании приложение проходило через масштабный редизайн, который выполнялся в партнёрстве с внешней дизайн-студией. При этом внутренней команде нужно было продолжать развивать продукт и выпускать новые фичи, не нарушая уже заданное направление редизайна.
Одной из ключевых бизнес-задач было снижение количества брошенных корзин. Улучшение сценария корзины и оформления заказа напрямую влияло на конверсию и количество онлайн-заказов.
Параллельно рост продукта создавал сложности уже внутри дизайн-команды: рабочие файлы становились всё более громоздкими, накапливались устаревшие экраны, а переход от внешней студии к внутренней команде требовал выстроить более устойчивый процесс работы с дизайном.
Ключевые метрики
CR корзины
Cart Abandonment Rate
Число пользователей
6m+
Моя роль
Моим основным продуктом был сайт, но я подключалась к задачам команды приложения в периоды высокой загрузки, работала вместе с другими дизайнерами, продакт-менеджерами, аналитиками, исследователями, разработчиками и внешней студией.
Мои основные задачи:
Проектирование мобильных функций end-to-end;
Участие в масштабном редизайне приложения;
UX-бенчмаркинг и конкурентный анализ;
Подготовка макетов и спецификаций для разработки;
Развитие библиотеки компонентов и документации;
Участие в UX-исследованиях и работе над текстами интерфейса;
Организация дизайн-файлов и улучшение процессов взаимодействия внутри команды;
Синхронизация дизайн-решений между внутренней командой и внешними подрядчиками.
Ниже — несколько инициатив, которые лучше всего показывают мою работу над продуктом.
Сокращение заброшенности корзин
Проблема
Брошенные корзины были одной из ключевых проблем воронки заказа.
Пользователь мог столкнуться с недоступностью товара уже после добавления его в корзину или изменить адрес доставки, из-за чего текущий заказ больше не соответствовал новым условиям.
Такие ситуации создавали дополнительное препятствие на пути клиента и могли привести к тому, что пользователь просто отказывался от оформления заказа.
Одновременно с этим корзина проходила через редизайн, поэтому новые сценарии нужно было встроить в обновлённый интерфейс, не усложняя его.
Задача
Спроектировать сценарии восстановления заказа, которые позволят пользователю решить типовые проблемы непосредственно из корзины и продолжить оформление без необходимости начинать флоу заново.
Подход
Я спроектировала два взаимосвязанных сценария:
Замену недоступных товаров прямо в корзине;
Изменение адреса доставки непосредственно из корзины.
Для замены недоступных товаров я предложила сразу два варианта взаимодействия.
Сначала мы реализовали более простой с технической точки зрения вариант с выбором только одного товара. Затем реализовали более удобный сценарий, позволяющий заменить сразу несколько недоступных позиций.
Поскольку новые флоу создавались параллельно с полным редизайном корзины, мне было важно постоянно синхронизироваться с другими дизайнерами команды по поводу паттернов взаимодействия и визуального языка.
Результат
Появились новые механики восстановления заказа без увеличения когнитивной нагрузки;
Типовые проблемы с заказом стали решаться непосредственно в корзине;
Сократилось количество итераций на этапе разработки благодаря более тесной синхронизации дизайна и разработки.
Поддержка редизайна приложения
Проблема
Компания запустила масштабный редизайн с привлечением сторонней студии. После завершения контракта со студией редизайн необходимо было передать внутренней дизайн-команде.
Основная сложность заключалась в том, чтобы поддержать целостность нового визуального языка, одновременно учитывая результаты исследований и обратную связь от бизнеса.
Задача
Вместе с внутренней командой дизайна взять ответственность над редизайном и создать устойчивую основу для его дальнейшего развития уже без внешней студии.
Подход
На первом этапе я участвовала в ревью концепций, проверке UX-решений, улучшении текстов интерфейса, формулировке гипотез и UX-исследованиях.
Когда работа со студией завершилась, я вместе ещё с двумя внутренними дизайнерами взяла на себя дальнейшее развитие редизайна.
С командой мы:
Собрали и структурировали актуальные экраны редизайна;
Расширили и задокументировали новую компонентную библиотеку;
Интегрировали результаты исследований и обратную связь от бизнес-команд;
Подготовили дизайн-фундамент для дальнейшей самостоятельной работы внутренней команды.
Результат
Редизайн продолжился после ухода студии без потери темпа;
Удалось сохранить консистентность нового визуального языка при развитии продукта;
Внутренняя команда получила возможность самостоятельно поддерживать и масштабировать обновлённый продукт.
Финальный интерфейс приложения, представленный на скринах, был выпущен в продакшен уже после того, как я перешла в другую компанию.
Обновление секции Ожидания и Оценки заказа
Проблема
По мере роста продукта рабочие файлы становились всё сложнее поддерживать. Большие Figma-файлы замедляли работу команды, в них накапливались устаревшие экраны, а разработчики иногда обращались к уже неактуальным версиям дизайна.
Особенно сложной была секция Ожидания и Оценки заказа: её экраны были распределены по архивным файлам, некоторые состояния устарели, а часть сценариев вообще отсутствовала в системе файлов.
Задача
Лидировать секцию Ожидания и Оценки заказа, актуализировать её в соответствии с текущим продуктом и компонентной библиотекой и создать единый источник актуальных данных для дальнейшей работы команды.
Подход
Я лидировала секцию во время, когда дизайн-команда переходила на новую структуру Figma-файлов: каждая продуктовая секция получила собственное рабочее пространство с понятной структурой production-ready экранов.
Я полностью пересобрала секцию Ожидания и Оценки заказа:
Восстановила существующий опыт по архивным дизайн-файлам;
Прошла все пользовательские сценарии и нашла отсутствующие или неоднозначные состояния;
Обновила интерфейсы с использованием актуальной компонентной библиотеки;
Уточнила корнер-кейсы и продуктовую логику совместно с аналитиками и QA;
Добавила недостающие состояния и паттерны в общую библиотеку компонентов;
Структурировала финальные экраны так, чтобы ими было удобно пользоваться и развивать их в дальнейшем.
В процессе удалось обнаружить несогласованности в самом пользовательском опыте и собрать более полное представление о работе секции, что ушло в бэклог.
Результат
За 2 недели я полностью актуализировала секцию и создала поддерживаемый источник актуального дизайна для команды.
Все экраны и актуальные состояния были собраны в едином структурированном пространстве;
Выявлены и закрыты ранее отсутствующие сценарии;
Снизилась неоднозначность при передаче дизайна в разработку;
Секцию стало проще поддерживать и расширять на основе актуальной компонентой базы.
Итоги
Работа над приложением Бургер Кинга требовала одновременно решать задачи на нескольких уровнях продуктового дизайна: улучшать пользовательские сценарии, развивать дизайн-инфраструктуру и помогать внутренней команде перенимать задачу редизайна приложения.
Этот опыт помог мне научиться работать в сложной среде с большим количеством заинтересованных сторон, одновременно удерживая в фокусе текущие продуктовые задачи, редизайн и долгосрочную масштабируемость решений.
Следующий кейс