Кейс: Веб-сайт Burger King
Описание проекта
Сайт Burger King — это полноценный канал продаж, обслуживающий более 1 миллиона пользователей в месяц и сопоставимый по стратегической значимости с мобильным приложением. Платформа поддерживает заказы на доставку и самовывоз как с десктопных, так и с мобильных устройств, напрямую влияя на выручку, LTV клиентов, удержание аудитории и восприятие бренда.
Обзор проекта
Наша команда переосмыслила и развила e-commerce платформу Burger King, чтобы повысить удобство использования, конверсию и консистентность цифровых продуктов компании.
В составе продуктовой команды я работал над редизайном ключевых сценариев сайта, оптимизацией конверсионных воронок, созданием масштабируемой дизайн-инфраструктуры и внедрением новых UX-паттернов для мобильных и десктопных пользователей.
Ключевые направления работы над продуктом:
1. Редизайн ключевых зон навигации (header, footer, карты, карточки ресторанов)
2. Оптимизация сценариев оформления заказа и UX корзины
3. Проектирование новых функций, направленных на рост конверсии
4. Создание и поддержка масштабируемой библиотеки компонентов
5. Реструктуризация рабочих процессов и системы файлов для ускорения совместной работы
Роль и процесс работы
Я был единственным продуктовым дизайнером, отвечающим за сайт — от редизайна и создания библиотеки компонентов до запуска новых фич, влияющих на конверсию.
В мои обязанности входило:
Полный редизайн сайта на новом технологическом стеке (Nuxt)
Создание библиотеки UI-компонентов и дизайн-гайдов с нуля
Ведение сквозного процесса проектирования (end-to-end) новых продуктовых функций, влияющих на конверсию
Проектирование адаптивного интерфейса для десктопных и мобильных устройств
Проведение UX-аудитов, конкурентного анализа и A/B-тестирования
Дизайн-ревью и поддержка процесса релиза
Оптимизация внутренней структуры файлов в Figma для команды
Совместная работа с продакт-менеджерами, разработчиками, аналитиками и UX-исследователями
Работа над каждой фичей укладывалась в стандартный цикл из 1–2 спринтов:
Бриф от продакт-менеджера, синхронизация с аналитикой
Бенчмаркинг и UX-аудит
Проектирование логики пользовательских сценариев (User Flow)
Визуальный дизайн
Итерации обратной связи
Передача макетов в разработку
Дизайн-ревью и послерелизный анализ
Для более сложных сценариев я готовил альтернативные варианты для A/B-тестирования. Мы работали в плотной связке с исследователями, аналитиками и разработчиками, при этом я регулярно сам инициировал задачи, привнося гипотезы в бэклог.
Цели
Главными целями продукта были повышение конверсии, упрощение сценариев оформления заказа и создание более масштабируемой дизайн-среды.
Ключевые KPI включали:
Конверсия на этапе оплаты (Checkout)
Снижение трения (барьеров) для пользователя при оформлении заказа
Повышение удобства использования (usability) и согасованности интерфейса
Ускорение рабочего процесса передачи дизайна в разработку
Повышение удовлетворенности клиентов процессом оформления заказов
Результаты
Этот проект позволил мне улучшить как продуктовые метрики, так и внутреннюю дизайн-систему.
Ключевые достижения:
В результате независимого исследования подтверждено, что показатель SUS поднялся выше 70 (при среднерыночном бенчмарке 68)
За 9 месяцев работы платежная конверсия выросла более чем на +2% благодаря запуску новых продуктовых фич
Функция замены отсутствующих товаров дала прирост конверсии на +0,2% (в 2 раза выше прогноза) и была успешно масштабирована на команду мобильного приложения
С нуля создана библиотека компонентов, обеспечившая консистентность интерфейса веб-версии, приложения и терминалов самообслуживания
Внутренние дизайн-процессы и воркфлоу стали быстрее и масштабируемее
Из соображений конфиденциальности я опустил фактические показатели для этих метрик.
