1920 (1).png

Кейс

Frame 1948756145.png

Новогодний спецпроект «Поезд подарков от „Пятёрочки“»

  • 1,5 месяца

    от идеи до реализации

  • 1,2%

    CR в посещение лендинга

За 1,5 месяца разработали и запустили новогодний спецпроект — лендинг с адвент-календарём для торговой сети «Пятёрочка» и поставщика-партнёра Mondelez, а также подготовили материалы для продвижения в разных каналах.

Авторы

Команда «Пятёрочки»

  • Изображение сотрудника

    Тамара
    Саркисян
    Руководитель направления по работе с поставщиками
  • Изображение сотрудника
    Ирина
    Коробейникова
    Руководитель отдела рекламных материалов
  • Изображение сотрудника
    Виктория
    Щербо
    Менеджер по маркетингу
  • Изображение сотрудника
    Полина
    Бакашова
    Менеджер по маркетингу

Команда WIM.Agency

  • Изображение сотрудника
    Дарья
    Ермина
    Group Head
  • Изображение сотрудника
    Александра
    Белошапкина
    Senior Project Manager
  • Изображение сотрудника
    Дмитрий
    Акулкин
    Project Manager
  • Изображение сотрудника
    Екатерина
    Ансон
    Project Coordinator
  • Изображение сотрудника
    Анна
    Дружинина
    Lead Designer
  • Изображение сотрудника
    Елена
    Вартанян
    Senior Designer
  • Изображение сотрудника
    Анна
    Орлова
    Designer
  • Изображение сотрудника
    Мария
    Тринц
    Head of Copywriting
  • Изображение сотрудника
    Юлия
    Ибатуллина
    Copywriter
  • Изображение сотрудника
    Алина
    Махамутахунова
    Copywriter
  • Изображение сотрудника
    Дмитрий
    Луценко
    Technical Specialist
  • Изображение сотрудника
    Максим
    Сергеев
    System Administrator
  • Изображение сотрудника
    Василий
    Шахвердян
    HTML-coder
Изображение раздела

О клиенте

«Пятёрочка» — это крупнейшая российская сеть магазинов у дома, которая насчитывает уже более 21 000 магазинов.
Находится под управлением X5 Group. У сети есть своё мобильное приложение, где можно заказать доставку и посмотреть доступные оферы.

Специфика проекта

  • Мы запустили новогоднее кобрендинговое промо для «Пятёрочки» и Mondelēz: разработали концепцию и согласовали её с партнёром.

  • В спецпроекте было задействовано 7 брендов от поставщика Mondelēz: Alpen Gold, Milka, OREO, «Юбилейное», «Барни», 7 Days и Chipicao.

  • Сжатые сроки — адвент-календарь нужно было запустить за полтора месяца.

  • Лендинг со спецпроектом требовалось разместить на серверах агентства.

  • Дополнительно необходимо было подготовить материалы для поддерживающей омниканальной коммуникации.

Ситуация на старте

  • Наша задача: разработать концепцию новогоднего спецпроекта в формате адвент-календаря, чтобы проинформировать ограниченную выборку гостей «Пятёрочки» о специальных персональных предложениях от партнёра.

  • Сжатые сроки проекта: 10 октября, после нескольких встреч, мы начали разработку промо проекта. Запуск адвент-календаря был запланирован на 23 ноября.

Цели проекта

  • Разработать персонализированные предложения и проинформировать гостей, которые покупают бренд Mondelēz.

  • Укрепить эмоциональную связь с брендом за счёт новогоднего промо.

Задачи проекта

  • Продумать концепцию спецпроекта и реализовать её.

  • Подготовить дополнительные материалы для продвижения проекта: макеты email-рассылок, тексты и баннеры для Viber, тексты для мобильных пушей, а также макеты для промо внутри мобильного приложения «Пятёрочки».

Решение WIM.Agency

Этап 1. Разработка концепции и согласование дизайна лендинга.

Чаще всего в брендбуках брендов отсутствуют отдельные гайды для спецпроектов, поэтому мы собрали большое количество референсов, подобрали цветовые гаммы и предложили идеи для реализации концепции, чтобы синхронизировать видение проекта с клиентом.

Для проекта выбрали идею с адвент-календарём как наиболее подходящую для новогоднего промо. Всего было шесть оферов, и мы переформатировали концепцию с учётом этого ограничения. Понимая, что пользователь может потерять интерес из-за того, что окошки календаря открываются не каждый день, мы добавили на страницу спецпроекта цепляющий элемент, который вовлечёт пользователей в цепочку коммуникаций.

Остановились на идее с движущимся поездом, который привозит пользователю подарок — основной оффер с баллами и дополнительный приятный бонус. Обычно в рамках программы лояльности «Пятёрочки» используются персональные предложения с баллами, доступные в ограниченный период времени. Нам с коллегами хотелось создать праздничную атмосферу и не лишать пользователей приятных эмоций, так мы решили разработать дополнительные бонусы, доступные весь период спецпроекта: идеи подарков, рецепты блюд, AR-игры от поставщика и брендированные стикер-паки.

3D-модель поезда для главного экрана разрабатывали и анимировали с нуля. Помимо основной модели, сделали несколько 3D-композиций, чтобы использовать их в письмах и баннерах.

Advent.png
Главный баннер лендинга в финальной концепции

Под анимацией добавили окошки адвент-календаря, которые открываются по заданному расписанию. Внутри них оферы от партнёра торговой сети «Пятёрочка» — начисление баллов на карту лояльности «Х5 Клуба» при покупке товаров от Mondelēz. А также дополнительные бонусы от брендов: AR-игры, рецепты праздничных блюд, приложения для тематических новогодних селфи и открыток, брендовые стикер-паки для общения с близкими в Telegram. 

Для создания новогодней атмосферы, подобрали музыку и добавили звук движущегося поезда. Понимая, что часть пользователей не захочет запускать лендинг со звуком, мы разместили в окне загрузки страницы две кнопки — для входа с музыкой и без.

Этап 2. Создание промокоммуникаций.

После согласования дизайна лендинга мы приступили к созданию остальных материалов проекта: email-рассылок, сообщений в Viber и mobile-push, а также макетов для раздела «Специально для вас» в мобильном приложении «Пятёрочки».

Спецпроект запускался для активации выделенного сегмента аудитории, который раз в неделю получал уведомления от спецпроекта в одном из каналов коммуникации. Чтобы клиенты быстро считывали, что им пришло новое предложение от адвент-календаря «Пятёрочки», мы реализовали сквозной дизайн коммуникации:

— использовали в письмах цветовую гамму лендинга,
— в сообщениях для Viber размещали на баннере наклейку с поездом,
— в тексте мобильных пушей использовали эмодзи с поездом и новогодней тематикой.

Это помогало пользователю считывать, что пришло сообщение именно о новогоднем промо «Поезд подарков от „Пятёрочки“».

Этап 3. Разработка пользовательских сценариев и вёрстка лендинга.

📌 Сценарии для pop-up-окон на лендинге

Чтобы реализовать такой сложный проект в сжатые сроки, нужно подготовить максимально чёткое техническое задание для фронтенд-разработчика. Поэтому мы создали карту пользовательских сценариев и логику смены разных поп-апов с еженедельными оферами для посетителей сайтов.

Для мобильной версии лендинга мы адаптировали анимацию на первом экране, чтобы сохранить новогоднюю атмосферу и корректное отображение всех элементов.

Во время деплоя лендинга возникли небольшие проблемы с отображением экрана загрузки, но мы быстро нашли решение и закончили вёрстку в установленные сроки.

4. Размещение проекта на серверах агентства.

Лендинг нужно было разместить на серверах агентства, но от имени «Пятёрочки». Мы обеспечили надёжность и безопасность всей цифровой среды проекта. После этого готовую инфраструктуру подключили к доменам заказчика, тем самым выполнили поставленную техническую задачу — лендинг размещён на доменах клиента, но инфраструктурой управляем мы.

Примеры работ

Адвент-календарь от «Пятёрочки» и Mondelēz

Смотреть лендинг

Лендинг с адвент-календарём

Advent 3.png
Основная страница
Advent2 1.png
Страница с билетом
Advent3 1.png
Страница с pop-up
mobile 3.png
Мобильная версия
mobile1 1.png
Мобильная версия

Примеры email-рассылок

  • Пятёрочка_Адвент.png
  • Пятёрочка_Адвент2.png
  • Пятёрочка_Адвент 8.png

  • Пятёрочка_Адвент 9.png
  • Пятёрочка_Адвент 10.png
  • Пятёрочка_Адвент 7.png

Примеры pop-up с оферами

  • popup2 1.png
  • popup 1.png
  • Default.png

  • popup4 1.png
  • popup5 1.png
  • popup-1 7.png

Примеры коммуникаций в мессенджере Viber

  • viber.png
  • viber2.png
  • viber3.png
  • viber4.png
  • viber 5.png

Результаты

  • Конверсия пользователей (Conversion Rate) из коммуникаций в переход на лендинг со спецпроектом составила 1,2%, что в несколько раз превосходит переходы на стандартные лендинги бренда.

  • Время взаимодействия с лендингом — 1 минута 9 секунд. Этот показатель стал бенчмарком для будущих проектов. С учётом скорости потребления информации, считаем, что такой показатель подтверждает заинтересованность, нам удалось привлечь и удержать внимание пользователей.

Итог: благодаря слаженной совместной работе вовремя запустили проект и выполнили все цели, которые ставил перед нами заказчик. Продумали и реализовали концепцию адвент-календаря, подготовили все необходимые материалы и разместили лендинг на собственных серверах.