Як не треба робити. Про повільне завантаження, банерну сліпоту і динамічни креативи

Кінець року – це чудовий час, щоб підвести підсумки року, що минає і спробувати спрогнозувати, що чекає нас в наступному.

Хотілося б написати про рік повний перемог, але кому цікаво читати про чийсь успіх? Давайте-но я краще розповім про синці, які ми набили в Clickable.Agency в цьому році, щоб ви не набили їх в наступному.

Оскільки ми студія креативна, то і помилки у нас пов’язані, в основному, з креативом і дизайном. І з постачальниками їжі. Ви коли-небудь їли олів’є упереміш з супом? Ні? Раджу спробувати якщо ви любите окрошку.

Все, ніякої більше води у статті, обіцяю. Повернемося до дизайну.

Цей рік був багатий на замовлення для рекламних кампаній, зокрема, банерної реклами. Про неї і піде мова далі.

Синець перший

Оптимізація швидкості завантаження сторінок, які щільно заповнені анімованим креативомю.

Згідно з дослідженням SEO академії в 2018 році, оптимальний час завантаження сторінки менше двох секунд. Якщо швидкість завантаження веб-ресурсу зменшується всього на 200 мс, це призводить до скорочення кількості переходів на 36%.

Замовник просив нас допомогти створити сайт для однієї популярної, в деяких колах, гри. На цій сторінці повинно було відображатися близько сотні анімованих елементів – скринь різних за стилем. Зробити таку сторінку не зайняло багато часу, але швидкість її завантаження залишала бажати кращого.

У першій версії вона завантажувалася більше п’яти секунд. Показувати таке замовнику було не можна.

Дослідження питання у вітчизняному медіа просторі особливих результатів не дало, так що якщо ви з креативної студії на зразок нашої, і читаєте цю статтю, ось вам лайфхак. Провівши спільний брейншторм з розробниками, було прийнято рішення робити HTML креативи на сторінці в base-64.

Ми зробили базу даних з графічними елементами, кожному з яких присвоєно своє значення в коді. У цих елементів фіксоване значення позиції, тобто скриню завжди буде знаходитися в одному місці, а предмети і ефекти знаходяться в заздалегідь вибраних фіксованих місцях. Такий підхід дає максимально швидкий час завантаження, незалежно від кількості елементів на одній сторінці.

Синець другий

Банерна сліпота, відсутність залучення користувача.

Відразу хотілося б вибачитися перед читачем за те, що привласнили цей синець собі. Потрібно внести ясність. Цей синець не тільки наш – він загальний. Та й методи боротьби за призначену для користувача увагу не сказати щоб унікальні – міняйте розташування банерів, креативи і буде вам щастя.

Трохи статистики від Business Insider:

• У самого першого банера-оголошення показник клікабельності (CTR) був 44%, сучасні отримують в середньому близько 0,06%.
• Запам’ятовують рекламу всього 14% користувачів.
• Близько 50% кліків по банерах з мобільних пристроїв – випадкові
• 8% користувачів роблять 85% всіх кліків

Відповідно до теорії ймовірності та дослідженням Business Insider, у вас більше шансів зібрати фул-хаус в покері, виграти в лотереї, стати батьком близнюків, вижити в авіакатастрофі ніж натиснути на банер.

Але незважаючи на це, банерна реклама росте рік від року.

Одним з рішень, яким ми користуємося для збільшення залученості користувача і збільшення клікабельності банера, є playable банер.

Цей формат є найпопулярнішим для моделі CPI в індустрії Games і Gambling зокрема, згідно з дослідженням Marketing Charts заснованому на даних рекламного агентства AdColony.

Синець третій

Необхідність перемальовування одного і того самого баннера з різними даними.

Думати про прибуток критично важливо для будь-якої компанії. Але жодна сучасна команда не життєздатна, якщо не дбати про клієнтів і своїх співробітників. Як би банально і заїжджені це не звучало, багато хто про це забуває.

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

Для клієнта це означає зростаючі витрати, та й нашим дизайнерам робити одноманітну роботу було не цікаво.

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

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

Джерела:

https://www.ironpaper.com/webintel/articles/banner-advertising-stats-and-trends-for-2017
https://www.businessinsider.com/its-more-likely-you-will-survive-a-plane-crash-or-win-the-lottery-than-click-a-banner-ad-2011-6?IR=T#-1
https://www.marketingcharts.com/digital-42087
https://www.marketingcharts.com/wp-content/uploads/2017/12/AdColony-App-Publishers-Most-Exciting-App-Install-Format-Dec2017.png