Меню

Игровые
баннеры
HTML5

Playable баннеры, которые заинтересуют любого
Playable баннер - это полностью интерактивное решение для интернет-маркетинга, которое позволяет пользователям сыграть в микро-игру, тем самым многократно повышая интерес к рекламируемому продукту или услуге и обеспечивая индивидуальный пользовательский опыт.
Оставить заявку

залог

успешной

рекламной

кампании

Playable ads настолько эффективны благодаря высокому вовлечению пользователей, которые перестают быть просто наблюдателями рекламы, а становятся участниками процесса

Привлекательная реклама вашего продукта в виде мини-игры
Реализация различных сценариев и исходов игры
При взаимодействии баннер ведет напрямую на страницу для установки приложения
Максимально интересный для пользователей формат
Привлекающий внимание playable баннер под любые технические требования
Playable баннеры (HTML5)

Примеры

баннеров

Наша команда веб-дизайнеров успешно реализовала свыше сотни playable баннеров для разных бизнес-ниш

array(5) { [«_edit_lock»]=> array(1) { [0]=> string(12) «1636222830:2» } [«_edit_last»]=> array(1) { [0]=> string(1) «2» } [«banner»]=> array(1) { [0]=> string(112) «https://test.clickable.agency/wp-content/uploads/html-banner/7da5d90f6567e08b09a70c03bd1f3ced/index.html?mute=on» } [«banner_width»]=> array(1) { [0]=> string(3) «300» } [«banner_height»]=> array(1) { [0]=> string(3) «400» } }
Анимация логотипа
Анимация логотипа
array(5) { [«_edit_lock»]=> array(1) { [0]=> string(12) «1636222843:2» } [«_edit_last»]=> array(1) { [0]=> string(1) «2» } [«banner»]=> array(1) { [0]=> string(112) «https://test.clickable.agency/wp-content/uploads/html-banner/8a76a612daae074d556c86fc42df67ff/index.html?mute=on» } [«banner_width»]=> array(1) { [0]=> string(3) «300» } [«banner_height»]=> array(1) { [0]=> string(3) «400» } }
Анимация логотипа
Анимация логотипа
array(5) { [«_edit_lock»]=> array(1) { [0]=> string(12) «1636222854:2» } [«_edit_last»]=> array(1) { [0]=> string(1) «2» } [«banner»]=> array(1) { [0]=> string(112) «https://test.clickable.agency/wp-content/uploads/html-banner/1bf3454088f360aaced25c845ec7a768/index.html?mute=on» } [«banner_width»]=> array(1) { [0]=> string(3) «300» } [«banner_height»]=> array(1) { [0]=> string(3) «400» } }
Анимация логотипа
Анимация логотипа

Как делают

playable

баннеры

Профессионализм и многолетний опыт позволяют нам разрабатывать предельно рентабельные с точки зрения соотношения цены, качества и количества привлеченных лидов  playable баннеры

Создание уникального сценария
Создание плеебл-баннера начинается всегда с продумывания сценария, идеи и механики. Как правило это интерсный и затягивающий геймплей, простой и понятный. Над созданием сценария работает наша команда креативщиов и маркетологов, у которых есть большой опыт в игровой индустрии. При написании сценария следует учитывать множество факторов:
1. Удобство и юзабилити. Пользователям должно быть понятно задание плеебл-баннера, было ясно куда нажимать и что произойдет при нажатии на кнопку.
2. Оригинальность. Баннер не должен быть скучным и обыденным, должен увлекать и втягивать в игру потенциального лида.
3. Ограничения. Как технического характера (требования площадки, ограничения по жестам и действиям), так и морального характера (создавать сценарии, не оскорбляющие чувств людей, не унижая их достоинства, без содержания аморального контента и т. п. )
Отрисовка статичных элементов
Наступает стадия создания графики. Если у клиента нет четкого видения, в какой стилистике должен быть playable баннер, мы предлагаем примеры графики и обсуждаем стилистику.Мы рассматриваем два основных пути развития этой стадии:
1. Наши квалифицированные художники и иллюстраторы создают изображения с нуля, полностью эксклюзивная и оригинальная графика.
2. Дизайнеры подбирают графику из специализированных стоках и собирают цельный статический макет.
3. Клиент сам предоставляет всю графику для анимации. Какой бы вариант не был выбран на этой стадии, плеебл баннер будет качественно собран, при необходимости включая отрисовку несколько кадров для понимания и визуализации механики, прописанной в сценарии.
Анимирование подвижных элементов
Стадия анимации плеебл-баннера одна из самых долгих и трудозатратных. После согласования графики и утверждения макета, исходники передаются в наш моушн-отдел. Здесь специалисты по анимации оживляют наш макет, создают все состояния элементов баннера, анимируют персонажей, их физику и движения, которые будут показаны при различных действиях пользователя. Анимируются все исходы баннера (удачные и неудачные), а также финальные попапы (будь то выигрышь, бонус, промокод и т. д.) с кнопкой целевого перехода. После анимации всех элементов и исходов playable баннера, создается видео-превью для клиента.
Сборка баннера
После окончания и утверждения анимации, файлы передаются в отдел программирования. Для создания плееблов мы, как правило, используем библиотеки pixiJS и spineJS. Первая стадия — это написание скелета/движка для баннера. Подобные движки индивидуальны для каждого проекта и заточеный исключительно под конкретную игру. Затем получаем от моушн-дизайнера исходники анимаций, наполняем баннер игровыми элементами. Далее прописываются условия при которых запускается та или иная анимация. Подключаются все исходы игры и финальные попапы. После реализации всей логики, игра идет на этап тестирования.
Тестирование баннера
Один из самых важных этапов — это тестирование баннера. Он заключается в проверке соответвия результата с исходными макетами, их полной идентичности на всех популярных платфомах (включая мобильные и десктопные решения), корректности и синхронности отработки анимаций текста, изображений и других элементов. Тестируется корректность адаптации баннеров на мобильных устройствах, где важна динамическая адаптация без повторной загрузки банера с сервера в случае, когда пользователь меняет ориентацию экрана на более удобную для просмотра. Проверяется вся работоспособность playable баннера в целом, проигрываются все сценарии и исходы, проверяется соответствие текстов, кнопок, корректность анимации и другие немаловажные процессы.
Адаптация баннера под требования сети
Многие рекламные сети и площадки распологают определенными требованиями к рекламным креативам. Требования к playble баннеру необходимо предоставлять сразу при постановке задания, так как несвоевременное предоставление требований может повлечь за собой полную пересборку баннера. Плеебл изначально собирается под структуру требований площадки, а на финальном этапе, после сборки — окончательно подгоняется под все пункты ТТ. Адаптация может включать в себя практически любое действие, связанное с пожеланием рекламной площадки или её техническими особенностями. Полный, но не исчерпывающий список адаптации баннера:
1. Минификация объёма кода.
2. Перевод изображений в base64.
3. Адаптация по весу баннера.
4. Прошивка баннера для целевого перехода.
5. Проставка меток и пикселов.

Обратитесь к нам сейчас!

Обратитесь к нам прямо сейчас, просто заполнив поля справа. Мы оперативно обработаем ваш запрос и свяжемся с вами в ближайшее время.

    Имя
    Некорректное имя
    Телефон
    Некорректный телефон
    Email
    Некорректный email
    Напишите, чем мы можем помочь?
    Прикрепите файл (опционально)
    Отправленно

    Отзывы

    Что думают наши клиенты о наших playable баннерах

    Dmitry Chudakov, Managing partner, WinSoft.io 5.0

    Большой опыт Clickable Agency в создании игровых продуктов получил высокую оценку заинтересованных сторон компании. На завершение проекта ушло два месяца, при этом новые интерфейсы можно было выпускать каждую неделю. Больше всего клиента впечатлило то, как команда агентства слилась с их командой.

    Dmitry Chudakov, Managing partner, WinSoft.io
    Alexandr Oleinik, COO, Mobster 5.0

    Clickable Agency предоставило результаты, которые успешно удовлетворили клиента. Они обеспечили компании качественные услуги. Команда была предана своему делу и способствовала сотрудничеству, чтобы удовлетворить все потребности внутренних заинтересованных сторон.

    Alexandr Oleinik, COO, Mobster
    Dmitriy Ryzhikov, CEO, Smart Experiences FZC 5.0

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

    Dmitriy Ryzhikov, CEO, Smart Experiences FZC

    Полезная

    статья

    Анимация
    Как загрузить Playable ads на Facebook
    этот веб-сайт использует файлы cookie, вы согласны?