Анимированные интерактивы отвечают на действия человека: открывают предложение, помогают выбрать продукт или вовлекают в короткую игру. Разрабатываем HTML5-баннеры с интерактивом, 3D-сцены и собственные механики под задачу кампании.
Стирайте, выбирайте, играйте и расставляйте мебель. Все механики собраны вместе — попробуйте подходящую для вашего продукта.
Пользователь стирает верхний слой пальцем или курсором и открывает продукт, подарок или специальное предложение.
Где использовать: раскрытие новинки, промокоды и скидки, сезонные акции магазинов и автомобильных брендов.
Открывайте карточки и находите одинаковые товары.
Пользователь выбирает то, что ему нравится, а баннер меняется и показывает соответствующий продукт или предложение.
Где использовать: выбор вкуса напитка, подбор косметики, направления путешествия или тарифа услуги.
Меняйте фрукты местами, собирайте три в ряд и выполняйте короткую игровую задачу.
Пользователь меняет цвета и детали продукта, сразу видит результат и собирает собственное сочетание.
Где использовать: реклама обуви и одежды, мебели, автомобилей и товаров с несколькими вариантами оформления.
Расставляйте объёмную мебель на плане, поворачивайте предметы и смотрите, как меняется пространство.
Где использовать: помогает представить обстановку квартиры, попробовать разные варианты расстановки и подобрать мебель.
Индивидуальная оценка
Пользователь двигает разделитель и сравнивает два состояния одной сцены. Эффект продукта или услуги становится виден в одном движении.
Где использовать: ремонт и дизайн интерьеров, клининг, реставрация, обработка фотографий и демонстрация освещения.
Переставляйте товары и собирайте одинаковые предметы на одной полке.
Пользователь нажимает на предметы в изображении и открывает карточки с подробностями. Несколько товаров объединяются в одну наглядную композицию.
Где использовать: мебель в интерьере, готовые образы с одеждой и аксессуарами, подборки косметики и комплекты техники.
Бросайте фрукты и объединяйте одинаковые, чтобы открыть новые и собрать грейпфрут.
Управляйте курьером, собирайте заказы и объезжайте препятствия по дороге к финишу.
Выбираем действие под задачу кампании: открыть предложение, сравнить свойства, подобрать вариант, расставить мебель или выполнить игровую задачу. Согласуем первый экран, подсказку и результат.
Меняем графику, товар, цвета, тексты и анимацию. Прорабатываем заметные интерактивные элементы, чтобы человек понимал, что можно нажать, стереть или передвинуть.
Реализуем механику на HTML5, в том числе на Phaser. Проверяем управление мышью и касаниями, загрузку и нужные ориентации экрана. Требования площадки учитываем до начала работы.
Можно начать с шаблона HTML5-интерактива или прийти с другой идеей. Отдельно согласуем количество товаров, варианты результата, переходы, события аналитики и место размещения. Для более крупных игр и спецпроектов есть отдельное направление 109 Games.
Нужна игра для бренда или игровой рекламный формат? Посмотрите 109 Games.
Пришлите продукт, цель кампании, понравившуюся механику и место размещения. Если есть брендбук, графика, размеры и ограничения по весу — приложите их для оценки.
Отправить задачуАнимированный баннер показывает заранее подготовленную последовательность кадров. HTML5-интерактив дополнительно реагирует на действия: нажатие, выбор, перетаскивание или движение разделителя. Пользователь влияет на то, что увидит дальше.
Это работающие демонстрации механик. На странице шаблонов интерактивов собраны пять типовых сценариев. Рекламную версию готовим после согласования дизайна, содержания, поведения и адаптаций под ваш бренд.
Да. Опишите действие, которое должен выполнить посетитель, и желаемый результат. Проверим, как связать механику с продуктом и уложиться в ограничения площадки.
Если обе ориентации нужны в размещении, включаем их в задачу и отдельно проверяем раскладку и управление. Демо на этой странице можно открыть на телефоне и повернуть экран.
У площадок различаются ограничения по весу, запуску, переходам и формату файлов. Поэтому список площадок и требования фиксируем до разработки, а не обещаем одну универсальную версию.
