Ксения Севастьянова UX/UI и веб-дизайнер Портфолио ↗


вампирская вечеринка

Концепт спецпроекта для бренда томатного сока: игра на осеннем тренде «Сумерек», которая знакомит с тремя вкусами и приводит к покупке по промокоду.

ФорматВеб-игра, мобайл и десктоп
Срок2 дня
Моя рольИдея, арт-дирекция, UX/UI, сборка с AI
БрендHOA, вымышленный бренд для концепта

Контекст

Каждую осень возвращается тренд «хоа-хоа-хоа». Так зрители называют сезон пересмотра «Сумерек»: туман, ели, жёлтые листья и распевка из песни, которая звучит в первом фильме. Люди массово снимают атмосферные ролики, а бренды шутят на эту тему в соцсетях.

Тренд живой, узнаваемый и совпадает с Хэллоуином. Это готовая площадка для спецпроекта.

Цель и задачи

Бренд томатного сока HOA запускает линейку из трёх вкусов к Хэллоуину. Задача спецпроекта: зайти к аудитории 20–35 лет через тренд, познакомить её со вкусами и довести до покупки по промокоду.

  • Вовлечь в бренд через игру на 45 секунд
  • Показать три вкуса так, чтобы человек выбрал свой
  • Привести к покупке через промокод и кнопку «В корзину»
  • Получить органический охват за счёт шеринга результатов

Решение

В «Сумерках» вампиры называют себя вегетарианцами. В HOA они пошли дальше и перешли на томатный сок.

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

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

Описание механики

  1. Пользователь проходит «проверку возраста» и выбирает команду: вампиры или оборотни. У команд разный геймплей: быстрый бокал против дополнительной жизни.
  2. 45 секунд ловит падающий сок. Бутылки трёх вкусов дают больше очков и включают драматичное слоумо.
  3. По ходу игры появляются события: солнечный луч слепит блёстками, гроза удваивает очки, оборотень пытается выпить бокал, а редкий жуткий пупс даёт +50.
  4. Полный бокал забирает рука вампира. Вампир в углу экрана реагирует на каждое событие.
  5. В финале игрок видит свой вкус (тот, который поймал чаще всего), промокод, битву команд и карточку для сторис.

Где игра продаёт

Вкус в финалеИгра сама знакомит с линейкой и выдаёт «твой» вкус с карточкой товара и кнопкой «В корзину».
Промокод −20%Обещан ещё на заставке и выдаётся в финале. Ведёт к первой покупке линейки к Хэллоуину.
Битва командВампиры против оборотней: повод позвать друзей «в свою команду» и вернуться в игру.
Карточка для сторисРезультат, команда и вкус в формате 9:16. Органический охват через UGC.

Экраны

Вертикальное поле работает на телефоне на весь экран, а на компьютере сцена раскладывается на всю ширину.

Главный экран с вампиром и логотипом
Заставка бренда: три вкуса и оффер −20%. Голос «хоа» записан мной
Экран И давно тебе 18
Проверка возраста с отсылкой к фильму
Выбор команды
Правила в трёх картинках и выбор команды
Обучение прямо в игре
Обучение прямо в игре, без экрана правил
Подача полного бокала
Реакции вампира и подача бокала
Солнечный луч
Солнечный луч: «Это кожа... просто блёстки»
Финальный экран
Финал: вкус, промокод, битва команд
Карточка для сторис
Карточка результата для сторис

Стиль с нуля

Мир приглушённый, как в фильме: туман и сине-зелёный фильтр. Всё, с чем взаимодействуешь, сочное и светится. Так игровые объекты читаются сразу, а атмосфера сохраняется.

Ночьфон и тени
Хвоялес, одежда
Туманвторой план
Бледностькожа, текст
Томатсок и действия
Золотосвет и бонусы
hoa
Заставка: тонкий засечный шрифт со свечением и лучами, отсылка к титрам фильма без копирования логотипа
HOA
Бренд и интерфейс: Helvetica Neue. На бутылке надпись золотым тиснением

Персонажи

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

Вампир-хозяин с бокалом
Хозяин вечеринки
Оборотень без футболки
Оборотень, у которого нет футболки
Вампир радуется
Реакция на бутылку
Вампир морщится
Реакция на чеснок
Вампир грустит
Бокал выпили
Бегущий вампир
Вампир ворует бокал у команды оборотней
Жуткий фарфоровый пупс
Жуткий пупс, редкий бонус
Чеснок
Чеснок, главная опасность

Эволюция бутылки

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

Первая версия бутылки
Версия 1Простая банка. Читается как бюджетный кетчуп, нет истории
Вторая версия бутылки
Версия 2Аптекарская бутылка-зелье, сургуч стекает по горлышку, как кровь, гравюра на этикетке
Финальная бутылка
ФиналПлотный томатный сок, чтобы продукт узнавался за секунду, и вписывание в сцену игры
Вкус Укус с перцем Вкус Классический Вкус Полнолуние с сельдереем

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

Отсылки

«И давно тебе 18?»Знаменитый диалог «И давно тебе семнадцать?»
«Ждём, пока он приедет... Он не приедет»Сцена на школьной парковке, где звучит та самая песня
«Это кожа... просто блёстки»Вампиры сияют на солнце, сцена «Это кожа убийцы»
«У него вообще есть футболка?»Главный мем про оборотня
Гроза удваивает очкиВампирский бейсбол во время грозы
Жуткий пупсМем о компьютерном младенце из последней части
«И тогда вампир влюбился в томат»«И тогда лев влюбился в ягнёнка»
Кнопка «Скажи это. Вслух»Сцена признания «Вампир»
Сине-зелёный фильтр и «хоа»Цветокоррекция фильма и распевка из песни, записанная моим голосом

Отклик игры

  • Каждое действие отвечает: брызги, пружинящий бокал, слоумо на бутылке, тряска на чесноке, вибрация на Android
  • Комбо повышает множитель очков, подсказка «Почти!» мотивирует сыграть ещё раз
  • Обучение встроено в первые секунды игры вместо экрана правил
  • Звуковой дизайн: дождь в лесу, звон бокалов, гром, вой; мой голос на заставке
  • Пауза, автопауза при сворачивании вкладки, экран загрузки

Процесс и AI

ЯИдея и бриф, механика, сценарий отсылок, арт-дирекция, промты, отбор и итерации генераций, UX экранов, тексты, запись голоса
Nano BananaПерсонажи, реакции, бутылки и фоны в едином стиле по референсу
ClaudeСборка играбельного прототипа на canvas, вырезка и обработка картинок, нарезка звука

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

Аналитика

В игру заложены события для Яндекс Метрики: вход, старт с выбором команды, финал с результатом и вкусом, копирование промокода, «В корзину», открытие карточки для сторис, повторная игра.

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

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

Как развивать

  • Мини-приложение в Telegram и VK с таблицей рекордов между друзьями
  • Чат-бот, который выдаёт промокод и напоминает о «битве команд»
  • AR-маска «сияние на солнце» для сторис
  • Конкурс карточек результатов с призами от бренда
  • Интеграция с сервисом доставки: промокод сразу применяется к заказу

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

Сезон хоа-хоа-хоа открыт

Игра занимает меньше минуты. Лучше всего на телефоне и со звуком.