109px Обсудить проект
Пять механик · адаптация под бренд

Шаблоны
интерактивов.

Готовая механика — отправная точка для вашего рекламного баннера. Выберите шаблон HTML5-интерактива, а товары, оформление, анимацию и сценарий подготовим под вашу кампанию.

Выбрать механикуОбсудить адаптацию
Попробуйте сами

Пять действий.
Много сценариев.

Сотрите слой, выберите вариант, настройте товар, сравните состояния или откройте карточку продукта. Каждый пример можно запустить и проверить на телефоне.

Три варианта вкуса кофе: классический, карамельный и ванильный
ChoiceДемо

Выбери свой вариант

Выбирайте то, что нравится, — баннер покажет подходящее предложение

  • Напитки
  • Косметика
  • Путешествия
Попробовать Обсудить проект
Что входит в адаптацию

Механика знакомая.
История — ваша.

01

Сценарий для продукта

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

02

Дизайн и анимация

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

03

Форматы и проверка

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

Как выбрать шаблон

Начните с действия,
которое важно вам.

Для раскрытия новинки подойдёт «Сотри и открой», для подбора предложения — «Выбери свой вариант». «Настрой продукт» показывает варианты оформления, «До и после» — изменение результата, а «Интерактивная витрина» объединяет несколько товаров в одной сцене.

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

Что получаете

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

Выберите механику.
Расскажите о продукте.

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

Проекты ведёт Александр Юнков. Более 15 лет в цифровой рекламе, анимации и интерактивных проектах.

Заказать адаптацию
Перед стартом

О шаблонах
интерактивов

Что означает шаблон HTML5-интерактива?

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

Что можно поменять в шаблоне?

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

Чем адаптация отличается от разработки с нуля?

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

Будет ли анимированный интерактив работать на телефоне?

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

Можно объединить несколько механик?

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

Начнём
с вашей задачи.

Написать в Телеграм

Александр Юнков

yunkov@109px.ruТелеграм @yunkov