Workspace Digital Awards 2025 — успейте номинировать кейсы по льготной цене до 1 декабря. Принять участие!
Multiways
Дизайн и разработка промосайтов для сервиса «Пакет»
Multiways
WDA
2024
#Проектирование сайта#Дизайн сайта#Размещение контента

Дизайн и разработка промосайтов для сервиса «Пакет»

2681 
Multiways
Multiways Россия, Москва
Поделиться:
Дизайн и разработка промосайтов для сервиса «Пакет»
Клиент

Сервис «Пакет» от X5

Сфера

Электронная коммерция

Регион

Россия

Сдано

Декабрь 2023

Задача

Клиент обратился в Multiways с запросом разработать акционные промосайты для сервиса «Пакет». Он даёт возможность пользователям совершать покупки по-новому: получать кешбэк баллами «Х5 Клуба» с неакционных товаров, копить его и применять, получать скидки и ценные призы.

Решение

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

Игровые механики, рост уровней, ценные призы, узнаваемые персонажи на лендингах позволили удержать активных пользователей, привлечь новых и увеличить LTV.

1Промосайт «Завры»

Изначально «Завры» — это игра, позволяющая пользователям получать бонусы, промокоды и суперпредложения от партнёров X5. 

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

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

2Промосайт и личный кабинет «Чем дольше — тем больше»

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

У акции уже был согласованный кей-вижуал свечи, который необходимо было интегрировать в проект. Мы разработали недостающие 3D-иллюстрации в стиле мастер-иллюстраций и построили на них новый кей-вижуал — яркий и динамичный.

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

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

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

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

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

3Промосайт «Кушбэк»

«Кушбэк» — это спецпроект, интегрированный в национальное промо «Чем дольше — тем больше». Проект был нацелен на увеличение интереса потребителей к сервису «Пакет», в частности к длительным подпискам. 

Главный лозунг акции: «Сорвите Кушбэк!» — отсылка к известной фразе «Сорвать куш». Участники могли выиграть подарки и большие денежные призы за длительную подписку — от 6 до 12 месяцев. 

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

Чтобы стилистически объединить 2D-персонажа и 3D-элементы, мы разработали векторную мастер-иллюстрацию горы призов в растровом стиле, на которую поместили все активные элементы.

Наш кей-вижуал передал название акции «Кушбэк», масштаб и изобилие призов, доступных всем клиентам. В основу ключевого рекламного образа мы заложили идею «гора подарков».

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

Результат

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

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

Комментарий агентства

Данил Попов
Данил Попов

За год сотрудничества с сервисом Пакет мы разработали десятки персонализированных посадочных страницы, которые значительно повысили конверсию и задали новый уровень пользовательского опыта. Мы гордимся тем, что наши решения приносят реальные видимые результаты. 

Отзыв клиента

Валерия Сычева
Валерия Сычева

Менеджер проектов сервиса «Пакет»

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


Стек технологий

  • CSS CSS Язык программирования
  • HTML HTML Язык программирования
  • JavaScript JavaScript Язык программирования
  • Adobe Illustrator Adobe Illustrator Графический редактор
  • Figma Figma Графический редактор

Над проектом работали:


Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

Multiways с удовольствием обсудит вашу задачу

Оставить заявку