Проектирование и развитие мобильного приложения Burger King: продуктовый кейс
О проекте
Мобильное приложение Бургер Кинг — один из ключевых цифровых продуктов компании. Оно отвечает не только за оформление заказов, но и за удержание пользователей (retention) через программу лояльности, персональные предложения, акции и эксклюзивные бонусы.
Я работала одновременно над развитием новых продуктовых сценариев и масштабным редизайном приложения, уделяя особое внимание корзине, процессу оформления заказа (checkout) и дизайн-инфраструктуре продукта.
Контекст проекта
Во время моей работы в компании приложение проходило через масштабный редизайн, который выполнялся в партнёрстве с внешней дизайн-студией. При этом внутренней команде нужно было продолжать развивать продукт и выпускать новые фичи, не нарушая уже заданное направление редизайна.
Одной из ключевых бизнес-задач было снижение количества брошенных корзин. Улучшение сценария корзины и оформления заказа напрямую влияло на конверсию и количество онлайн-заказов.
Параллельно рост продукта создавал сложности уже внутри дизайн-команды: рабочие файлы становились всё более громоздкими, накапливались устаревшие экраны, а переход от внешней студии к внутренней команде требовал выстроить более устойчивый процесс работы с дизайном.
Ключевые метрики
Конверсия корзины (Cart CR)
Показатель брошенных корзин
Размер аудитории
от 6 месяцев
Моя роль в проекте
Моим основным продуктом был веб-сайт, но в периоды высокой загрузки я подключалась к задачам команды мобильного приложения. Я работала в тесной кросс-функциональной связке с дизайнерами, продакт-менеджерами, аналитиками, исследователями, разработчиками и внешней дизайн-студией.
Мой ключевой фокус и задачи:
Проектирование мобильных функций от концепта до релиза (end-to-end);
Участие в масштабном редизайне мобильного приложения;
Проведение UX-бенчмаркинга и конкурентного анализа;
Подготовка макетов и детальных спецификаций для передачи в разработку;
Развитие UI-кита, библиотеки компонентов и дизайн-документации;
Участие в UX-исследованиях и проработке UX-текстов;
Систематизация дизайн-файлов и оптимизация рабочих процессов в команде;
Синхронизация дизайн-решений между инхаус-командой и внешними подрядчиками.
Ниже представлены ключевые кейсы и инициативы, которые лучше всего иллюстрируют мою продуктовую работу.
Снижение процента брошенных корзин
Проблема
Брошенные корзины оставались одной из ключевых проблем в воронке оформления заказа.
Пользователи часто сталкивались с тем, что товар становился недоступен уже после добавления в корзину, либо при изменении адреса доставки, из-за чего текущий заказ переставал соответствовать новым условиям.
Подобные барьеры усложняли пользовательский путь и приводили к оттоку клиентов на этапе чекаута.
Параллельно с этим команда работала над редизайном корзины, поэтому новые сценарии необходимо было бесшовно интегрировать в обновленный интерфейс, сохранив его простоту и чистоту.
Проблема
Спроектировать сценарии восстановления заказа, которые позволят пользователю решить типовые проблемы непосредственно из корзины и продолжить оформление без необходимости начинать флоу заново.
Методология проектирования
Я спроектировала два взаимосвязанных пользовательских сценария:
Замену недоступных товаров непосредственно внутри корзины;
Изменение адреса доставки прямо на этапе корзины.
Для замены недоступных позиций я предложила сразу две механики взаимодействия.
На первом этапе мы реализовали технически более простой MVP-вариант с выбором только одной альтернативы. Затем внедрили более гибкий сценарий, позволяющий пользователям заменять сразу несколько недоступных позиций в один клик.
Поскольку проектирование новых флоу шло параллельно с полным редизайном корзины, для меня было критически важно регулярно синхронизировать паттерны взаимодействия и визуальный язык с другими дизайнерами продуктовой команды.
Итог работы
Внедрены новые паттерны восстановления заказа, не перегружающие когнитивный ресурс пользователя;
Типовые сценарии проблем с заказом теперь бесшовно разрешаются прямо внутри корзины;
Сократилось число итераций на этапе реализации за счет более плотной синхронизации дизайна и разработки.
Кейс: редизайн приложения
Проблема исследования
Компания запустила масштабный редизайн с привлечением сторонней студии. После завершения контракта со студией редизайн необходимо было передать внутренней дизайн-команде.
Основная сложность заключалась в том, чтобы поддержать целостность нового визуального языка, одновременно учитывая результаты исследований и обратную связь от бизнеса.
Контекст и вызов
Вместе с внутренней командой дизайна взять ответственность за редизайн и создать устойчивую основу для его дальнейшего масштабирования силами самой компании.
Кейс
На первом этапе я участвовала в дизайн-ревю концепций, валидации UX-решений, редактуре интерфейсных текстов, формулировании гипотез и UX-исследованиях.
После завершения этапа работы с агентством я совместно с двумя штатными дизайнерами взяла на себя дальнейшее развитие редизайна.
В составе продуктовой команды мы:
Систематизировали и структурировали актуальные макеты редизайна;
Масштабировали и задокументировали новую библиотеку компонентов;
Интегрировали инсайты из исследований и обратную связь от бизнес-заказчиков;
Подготовили дизайн-базис для последующей автономной работы внутренней команды.
Итоги кейса
Редизайн продолжился после ухода студии без потери темпа;
Удалось сохранить консистентность нового визуального языка при развитии продукта;
Внутренняя команда получила возможность самостоятельно поддерживать и масштабировать обновлённый продукт.
Финальный интерфейс приложения, представленный на скринах, был выпущен в продакшен уже после того, как я перешла в другую компанию.
Репозиционирование секции ожидания и оценки заказа: редизайн пользовательского опыта
Проблема исследования
По мере масштабирования продукта поддерживать рабочие файлы становилось всё сложнее. Перегруженные макеты в Figma замедляли работу команды, в них накапливался визуальный мусор, а разработчики периодически брали в работу неактуальные версии экранов.
Особой точкой боли стал раздел Ожидания и Оценки заказа: его экраны были разбросаны по архивным файлам, многие состояния устарели, а часть ключевых сценариев и вовсе отсутствовала в рабочей экосистеме.
Контекст проекта
Лидировать секцию «Ожидание и оценка заказа», актуализировать её в соответствии с текущим продуктом и библиотекой компонентов, а также создать единый источник истины (single source of truth) для дальнейшей работы команды.
Методология проектирования
Я лидировала переход нашей продуктовой секции на новую структуру Figma-файлов. В результате каждое направление получило выделенное рабочее пространство с прозрачной архитектурой production-ready макетов.
В рамках этой задачи я полностью реорганизовала секцию «Ожидание и оценка заказа»:
Восстановила актуальный UX, опираясь на архивные макеты;
Проанализировала все пользовательские сценарии, выявив пропущенные экраны и спорные состояния системы;
Обновила интерфейсы, переведя их на компоненты новой дизайн-системы;
Совместно с аналитиками и QA проработала сложные корнер-кейсы и бизнес-логику;
Выделила новые паттерны и состояния, которые затем интегрировала в общую библиотеку компонентов;
Систематизировала финальные экраны для удобства передачи в разработку и дальнейшего масштабирования.
Бонусным эффектом работы стало обнаружение критических расхождений в текущем UX. Это позволило сформировать целостную картину пользовательского опыта и собрать пул тасков для бэклога.
Итог
За 2 недели я полностью актуализировала секцию и создала поддерживаемый источник актуального дизайна для команды.
Все экраны и актуальные состояния были собраны в едином структурированном пространстве;
Выявлены и закрыты ранее отсутствующие сценарии;
Снизилась неоднозначность при передаче дизайна в разработку;
Секцию стало проще поддерживать и расширять на основе актуальной компонентой базы.
Ретроспектива
Работа над приложением Бургер Кинга требовала одновременного решения задач на нескольких уровнях продуктового дизайна: оптимизации пользовательских сценариев, развития дизайн-инфраструктуры и фасилитации передачи процессов редизайна внутренней команде.
Этот опыт помог мне научиться эффективно работать в сложной экосистеме со множеством стейкхолдеров, сохраняя баланс между текущими продуктовыми задачами, глобальным редизайном и долгосрочной масштабируемостью решений.
Читать далее