October 2020 — ДИЗАЙН

Как не надо делать

Руслан Крыжановский

87

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

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

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

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

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

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

Синяк первый

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

Согласно исследованию 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 креативы. Подключение креативов к базе данных и динамическая подстановка типизированных значений позволяет создать промо, которое заменяет создание огромного количества статичных аналогов. При том что формат этих креативов не ограничен, это могут быть как баннера, так и лендинги, брендинг страниц и т.д.

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






Источники:
Ironpapper
Business Insider
Marketing Charts
Marketing Charts v2

читайте также:

Contacts

КОНТАКТИ.

One click is all it takes.

Напишіть нам і ми допоможемо створити ваш продукт впізнаваємим та прибутковим.

залиште заявку.

    Ваша заявка прийнята.

    Наші менеджери звяжуться з вами найблищим часом

    move