Лендинг-игра «Собирай сердца» для акции федеральной аптечной сети

«Собирай сердца»: лендинг-игра для акции лояльности федеральной аптечной сети. Участник покупает, получает баллы и билеты, крутит колесо удачи, открывает сейф и коробки с призами. Призы дают партнёры акции, чаще всего это промокоды. Акция известна на всю страну. Мы делали для неё лендинг три раза: в ноябре 2025 года, весной 2026 года и летом 2026 года. Сейчас делаем четвёртую версию. Летняя акция закончилась 31 августа 2026 года.

Зачем акции лендинг-игра

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

У такой страницы три условия. Она должна быстро открываться на телефоне. Она должна знать, сколько у человека баллов и билетов. И каждый приз должен достаться человеку один раз, без дублей и потерь.

У акции есть дата старта. Её нельзя перенести. Поэтому в этом проекте важнее всего срок.

Как устроена игра

Объясним на примере одного участника.

1. Покупка.

   Человек делает заказ в сети. Баллы и билеты приходят на его счёт в системе лояльности сети. Лендинг берёт их оттуда и показывает на главном экране.

2. Игра.

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

3. Приз.

   Приз появляется в разделе «Мои подарки». Чаще всего это промокод партнёра. Рядом кнопка «Применить», которая ведёт на сайт партнёра.

Четыре версии: что делали и в какие сроки

Первая версия: ноябрь 2025, за 4 дня вместо месяца

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

Что сделали в эти дни:

• Прошли по таблице правок клиента, в ней было 25 пунктов. Сначала самые важные, затем остальные.
• Сделали вводные экраны «Как это работает?» в виде слайдера. Он появляется при первом входе, и его можно открыть кнопкой. Картинки 1920 на 1080 подогнали под экраны телефонов без обрезки.
• Поправили таймер: он идёт до последней минуты, а не обрывается за 3 часа до конца.
• Привели тексты заданий и всплывающих окон в точное соответствие с макетом.
• Настроили механику заданий в системе лояльности.

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

Вторая версия: февраль и март 2026, игра с нуля

Сеть решила усложнить игру и обновить дизайн. Мы сделали новую версию с нуля под новые требования и под приложение сети. Задачи на экраны открылись 25 февраля и закрылись 24 марта.

• Главная. Новая вёрстка. Слайдер переключает подарки по порядку. Кнопка «Открыть» становится активной, когда у человека хватает баллов на следующий уровень. Кнопка «Что внутри?» показывает, что будет в коробке, и уровень приза в окне совпадает с уровнем коробки.
• Колесо удачи. С нуля. При выигрыше срабатывает фейерверк.
• Сейф подарков. Списки призов привели к одному виду на всех экранах, где они есть. Кнопку «Открыть» оставили сложной по макету и не упрощали.
• Правила, победители, «Мои подарки». Все экраны пересобрали.
• Анимации. Для сейфа, конфетти и фейерверка подготовили отдельные ролики, а также рамки и кнопки. Работа шла с 27 февраля по 12 марта.

Затем, с 19 марта по 15 апреля, доработали по запросам клиента:

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

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

Третья версия: лето 2026, 4 человека и около полутора недель

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

17 июня стартовала новая версия «Собирай сердца». Экранов стало десять: «Главная» с вводными экранами, «Задания», коробки с призами, «Розыгрыши», «Итоги розыгрышей», «Обмен сердец», «Ежедневные призы», «Победители», «Правила», «Ваши призы». К ним добавились всплывающие окна.

На всё по плану был месяц. Часть макетов и материалов приходила уже в последние дни, поэтому команда работала параллельно. Четыре человека делили работу так:

• двое оценивали работу и делили проект на экраны;
• один писал и серверную часть, и видимую часть;
• один тестировал: записывал видео проверки на Android и iOS, проверял вёрстку в браузерах и сверял всё с критериями приёмки из технического задания.

Сэкономила время работа с готовым: многое взяли из прошлой версии. Около полутора недель ушло на основную сборку. 26 июня подключили ещё одного разработчика, чтобы быстрее закрыть ошибки. Задачи по сборке закрыли 13 июля. С 3 июля по конец августа мы вели техническую поддержку, пока шла акция.

Четвёртая версия: сейчас

Её мы делаем сейчас. Опираемся на механику и вёрстку трёх предыдущих версий.

Как закончили акцию

У акции строгий финал. Ночью 1 сентября людям уже нельзя крутить колесо и открывать подарки, но нужно оставить то, что им ещё нужно. Поэтому настроили по расписанию:

• 31 августа акция работает штатно до самого конца;
• после 00:01 1 сентября на главной остаются четыре раздела: итоги розыгрышей, победители, «Ваши призы» и вопросы по акции;
• неактивные разделы подкрасили серым, чтобы было видно, что они закрыты;
• ежедневные награды, онбординг и баланс на главной скрыты.

Переключение сделали скриптом, чтобы в четыре утра по Новосибирску никому не приходилось подключаться к проекту. Работу закрыли 1 сентября.

Что получилось

Акция, которую знает вся страна, прошла на нашем лендинге. Каждая версия делалась под жёсткую дату: первую за 4 дня вместо месяца, третью командой из четырёх человек примерно за полторы недели. Баллы и билеты берутся из системы лояльности сети, а окончание акции переключается по расписанию.

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

Для технических специалистов

• Платформа. Лендинг на WordPress. Игровые экраны на собственной вёрстке с анимациями (сейф, конфетти, фейерверк, колесо).
• Mindbox. Баланс баллов, билеты и метки заданий берутся из бонусного счёта участника в Mindbox. Механику заданий настраивали на стороне Mindbox, в том числе таймер задания до последней минуты.
• Призы. Выигрыш из колеса, сейфа или коробки записывается на стороне сайта и показывается в «Мои подарки». Есть три места выдачи: колесо, подарки на главной, сейф. Для призов с промокодами партнёров, в том числе Яндекса, добавили поле со ссылкой в двух местах админки.
• Принудительная выдача. Оценили два способа выдать пул промокодов всем: разовый скрипт по списку идентификаторов и метод, который вызывается кнопкой в интерфейсе Mindbox. Для второго нужна техническая документация Mindbox.
• Повторные начисления. По обращению клиента разобрали случай с повторной выдачей наград одному участнику: сопоставили журналы запросов с боевым трафиком.
• Отдельный сервис. С мая по август шла работа над сервисом-прослойкой для обмена с Mindbox (Mindbox Adapter).
• Завершение акции. Переключение режима главной страницы по расписанию скриптом, без ручного входа.
• Проверка. Скринкасты на Android и iOS, тесты вёрстки в браузерах, сверка с критериями приёмки в ТЗ.