Меню
Анимация Бизнес

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

Хотелось бы написать про год полный побед, но кому интересно читать про чей-то успех? Давайте-ка я лучше расскажу про синяки, которые мы набили в Clickable в этом году, чтобы вы не набили их в следующем.

clickable
27
просмотров

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

Хотелось бы написать про год полный побед, но кому интересно читать про чей-то успех? Давайте-ка я лучше расскажу про синяки, которые мы набили в Clickable в этом году, чтобы вы не набили их в следующем.

Поскольку мы студия креативного дизайна, то и ошибки у нас связаны, в основном, с креативом и дизайном. И с доставщиками еды. Вы когда-нибудь ели оливье вперемешку с супом? Нет? Советую попробовать если вы любите окрошку.

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

Все, никаких больше жидкостей в статье, обещаю. Вернемся к дизайну.

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

Синяк первый

Оптимизация скорости загрузки страниц, которые плотно заполнены анимированными креативами

Согласно исследованию SEO академии в 2018 году, оптимальное время загрузки страницы менее двух секунд. Если скорость загрузки веб-ресурса уменьшается всего на 200 мс, это приводит к сокращению количества переходов на 36%.

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

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

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

Исследования вопроса в отечественном медиа пространстве особых результатов не дало, так что если вы из креативной студии вроде нашей, и читаете эту статью, вот вам лайфхак. Проведя совместный брейншторм с разработчиками, было принято решение делать HTML креативы на странице в base-64.

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

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

Синяк второй

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

Сразу хотелось бы извиниться перед читателем за то, что присвоили этот синяк себе. Нужно внести ясность. Этот синяк не только наш — он общий. Да и методы борьбы за пользовательское внимание не сказать чтобы уникальны — меняйте расположения баннеров, креативы и будет вам счастье.

Немного статистики от Business Insider:

У самого первого баннера-объявления показатель кликабельности (CTR) был 44%, современные получают в среднем около 0,06%.

Запоминают рекламу всего 14% пользователей.

Около 50% кликов по баннерам с мобильных устройств — случайные

8% пользователей делают 85% всех кликов

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

Но несмотря на это баннерная реклама растет год от года.

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

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

Этот формат является самым популярным для модели CPI и индустрий Games и Gambling в частности, согласно исследованию Marketing Charts основанном на данных рекламного агентства AdColony.

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

Вот один из примеров как мы увеличили CTR в несколько раз заменив статику на playable.

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

Синяк третий

Необходимость перерисовки одного и того же баннера с разными данными

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

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

Для клиента это означает возрастающие затраты, да и нашим дизайнерам делать однообразную работу было не интересно.

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

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

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

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


Источники:

  1. https://www.ironpaper.com/webintel/articles/banner-advertising-stats-and-trends-for-2017
  2. 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
  3. https://www.marketingcharts.com/digital-42087
  4. https://www.marketingcharts.com/digital/mobile-phone-81668/attachment/adcolony-app-publishers-most-exciting-app-install-format-dec2017

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

    Email
    Некорректный email
    Отправлено
    этот веб-сайт использует файлы cookie, вы согласны?