Меню

Ігрові
банери
HTML5

Інтерактивні банери, які зацікавлять будь-кого
Інтерактивні playable банери — це дуже ефективне рішення для інтернет-маркетингу. Він дозволяє користувачам грати в мікро-гру, примножуючи увагу споживачів до рекламованих продуктів або послуг, забезпечуючи унікальний індивідуальний досвід користувачів.
Залишити заявку

запорука успішної рекламної кампанії 

Інтерактивні оголошення найбільш ефективні через високу зацікавленість користувачів. Користувачі перестають бути просто спостерігачами за рекламою, перетворюючись на активних учасників

Приваблива реклама через міні-ігри вашого продукту
Гра з різними сценаріями та результатами
Банер безпосередньо приведе користувачів на сторінку встановлення додатка
Найпривабливіший формат для користувачів
Playable банери (HTML5)
Приклади банерів

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

array(6) { [“_edit_lock”]=> array(1) { [0]=> string(12) “1678873975:6” } [“_edit_last”]=> array(1) { [0]=> string(1) “6” } [“banner”]=> array(1) { [0]=> string(107) “https://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” } [“_yoast_wpseo_estimated-reading-time-minutes”]=> array(1) { [0]=> string(0) “” } }
Анимация логотипа
Анимация логотипа
array(6) { [“_edit_lock”]=> array(1) { [0]=> string(12) “1678873981:6” } [“_edit_last”]=> array(1) { [0]=> string(1) “6” } [“banner”]=> array(1) { [0]=> string(107) “https://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” } [“_yoast_wpseo_estimated-reading-time-minutes”]=> array(1) { [0]=> string(0) “” } }
Анимация логотипа
Анимация логотипа
array(6) { [“_edit_lock”]=> array(1) { [0]=> string(12) “1678873987:6” } [“_edit_last”]=> array(1) { [0]=> string(1) “6” } [“banner”]=> array(1) { [0]=> string(107) “https://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” } [“_yoast_wpseo_estimated-reading-time-minutes”]=> array(1) { [0]=> string(0) “” } }
Анимация логотипа
Анимация логотипа

Як ми робимо

Playable

банери

Професіоналізм та багаторічний досвід дозволяють нам створювати надзвичайно економічно вигідні банери. Наші інтерактивні банери мають ідеальне співвідношення ціна/якість та результат, яким є  залучення потенційних клієнтів

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

Зв’яжіться з нами зараз! 

Зв’яжіться з нами, заповнивши поля праворуч. Ми одразу опрацюємо ваш запит і відповімо вам якомога швидше

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

    Що клієнти

    думають

    про нас 

    Дізнайтеся про відгуки наших клієнтів на незалежних веб-сайтах. 

    Dmitriy Ryzhikov, CEO, Smart Experiences FZC 5.0

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

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

    Clickable Agency створило результати, які успішно задовольнили клієнта. Вони гарантували компанії якісні послуги. Команда цілеспрямовано та сприяла співпраці, щоб задовольнити всі потреби внутрішніх зацікавлених сторін.

    Alexandr Oleinik, COO, Mobster

    Наша стаття 

    про playable

    Анімація
    У чому полягає успіх Playable Ads
    цей веб-сайт використовує файли cookie, ви згоднi?