109px Обсудить проект

Анимированные
HTML5-баннеры.

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

Баннеры в действии

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

Один макет. Система форматов.

01

Основной баннер

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

02

Ресайзы и адаптации

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

03

Подготовка к размещению

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

Ресайз — это новая композиция

Широкий баннер нельзя просто уменьшить до вертикального: потеряются продукт и сообщение. Для каждой пропорции пересобираем раскладку и при необходимости меняем последовательность кадров. Также подготовим согласованные варианты текстов и изображений для разных предложений. Если пользователь должен выбирать, сравнивать или менять продукт, предложим интерактивный HTML5-баннер с подходящей механикой.

Что передаём

  • Основной HTML5-баннер с согласованной анимацией.
  • Комплект адаптаций по утверждённому списку размеров.
  • Варианты сообщений и графики, если они включены в задачу.
  • Файлы для размещения; статичные заглушки — при необходимости площадки.

Расскажите
о задаче.

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

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

Отправить задачу

Частые вопросы

Можно добавить интерактив в анимированный баннер?

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

Можно заказать только ресайзы?

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

Какие размеры вы делаете?

Под согласованные места размещения. В примерах есть 300 × 600, 320 × 480, 240 × 400, 970 × 250 и 300 × 250. Нужные размеры определяем по медиаплану и требованиям площадок.

Делаете ли варианты для разных товаров?

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

Что влияет на стоимость комплекта?

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

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