Планерка: советы по контенту и ошибки в дизайне

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

В этой статье команда дизайна бренда DENZEL расскажет, как правильно оформлять группу в ОК, использовать тренды в работе над проектом и создавать визуальный контент, который понравится целевой аудитории.

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

Актуальные тренды современного дизайна обычно связаны с новыми визуальными приёмами или свежим взглядом на то, что существовало раньше. Могу выделить несколько популярных подходов:

Минимализм. Использование простых форм — достаточно старая идея. Сейчас дизайнеры применяют минимализм с яркими цветовыми сочетаниями — например, неоновым жёлтым или розовым. 

Крупный план. Можно снять объект с близкого ракурса, чтобы сделать картинку премиальнее. К примеру, поставить товар близко к камере и показать его детали.

Гиперреалистичные иллюстрации в 2D и 3D. Это графика, которая выглядит как реальные объекты. Например, их часто используют банки, добавляя на картинки модели телефонов с приложениями и свои карты.

Креативная типографика. Это, например, подбор интересных сочетаний шрифтов, которые сами по себе передаёт определённую эмоцию и настроение подписчикам.

Если вы создаёте дизайн без системы, а с опорой на определённый приём — например, 3D-графику — то со временем вам придется менять стиль, чтобы оставаться в тренде. Из-за этого может быть сложно построить единый визуальный стиль. Поэтому важно всегда следовать собственному брендбуку, чтобы не зависеть от изменчивых трендов.

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

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

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

Чтобы создавать хорошие визуальные решения, важно анализировать группы с хорошим качественным дизайном и тестировать новые подходы. Мы всегда отслеживаем, нравится ли аудитории новые форматы изображений. Если да, то мы будем их использовать чаще. 

Бренды при создании визуального контента допускают несколько частых ошибок:

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

Делают контент с неверным посылом. В этом случае картинка не решает задачи, важные для бренда или блогера — например, не показывает товар в продающем посте.

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

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

Неверно расставляют акценты. Многие посты в соцсетях состоят из текста и изображения. Важно правильно расставить акценты: то, что вы хотите выделить, должно быть заметным. Например, если мы продаём бензопилу по акции, то в первую очередь нужен акцент на тексте «Скидка 20%». 

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

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

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

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

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

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

Чтобы реклама была успешной, нужно учесть несколько моментов: 

• пол, возраст, интересы и привычки тех, кому вы продаёте товар;
• лаконичный креатив, который не перегружен текстом — пользователям ОК часто нравятся простые картинки с искренними эмоциями;
• понятный и короткий текст с чётким призывом к действию — CTA.

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

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

Дело в том, что на реакцию аудитории может влиять большое количество факторов: не только сам шаблон рекламного креатива, но и товар на картинке, текстовое описание, сезонные тренды, экономическая ситуация и действия конкурентов. Мы проводим A/B-тестирование, чтобы понять, какие элементы креатива наиболее привлекательны для аудитории в этот момент. 

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

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

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

Но при генерации картинок не обойтись без участия специалиста. Чтобы написать промт, нужно обладать навыками дизайнера, уметь генерировать изображения и пробовать разные варианты. В большинстве случаев придётся исправлять ошибки нейросети и ретушировать картинку.

Чтобы оформить группу в ОК, подготовьте несколько стандартных элементов:

• обложку;
• логотип в векторном формате;
• иконки для меню группы;
• цвета и шрифты.

Оформите всё это в единый документ — UI-Kit. Это сборник готовых компонентов, которые можно использовать для графического дизайна или создания интерфейсов. Когда нужно сделать новую картинку, необходимые материалы и шаблоны будут под рукой. UI-Kit поможет поддерживать единый визуальный стиль группы.

Если вы до этого никогда не занимались визуальным оформлением группы в ОК, не стоит полагаться на собственное чутьё. Обратитесь к профессионалам, чтобы получить помощь на старте. 

Дизайнеры, которые создают контент для соцсетей, работают в связке с SMM-менеджерами и копирайтерами. Поэтому сначала мы анализируем конкурентов: смотрим, что у них есть, изучаем, какими способами они продвигают контент, и как на это реагируют пользователи. SMM-менеджеры формируют более конкретное техническое задание и расписывают, какие картинки нужно создать, — а мы их готовим.

Мы советуем дизайнерам, которые начинают работать над визуалом для группы бренда или блога в ОК, придерживаться нескольких рекомендаций:

Начните с поиска референсов. Не пытайтесь сразу придумать что-то уникальное и своё, это сложно и требует серьезной подготовительной работы. Например, вы можете взять чьи-то готовые идеи и адаптировать их под ваши задачи. Это будет хорошим стартом.

Не перегружайте картинку информацией. Не нужно добавлять в иллюстрацию слишком много текста или лишние дополнительные картинки — соблюдайте баланс. 

Используйте только заранее выбранные шрифты и цвета. Например, сейчас принято использовать сочетаемые шрифтовые пары: один шрифт для заголовков, а другой — для остального текста. Можно выбрать также до двух начертаний одного шрифта. Мы стараемся придерживаться тех правил использования шрифтов, которые указаны в брендбуке.

Создавайте простые и грамотные тексты. Избавляйтесь от причастных и деепричастных оборотов, а также лишних слов. Следите за орфографией: проверяйте склонения и спряжения слов.

Не заставляйте пользователей много «думать». Из-за размышлений человек устаёт и теряет время, которое мог бы потратить на отдых. Если картинки неконтрастные, а шрифты трудночитаемые, пользователям будет сложно быстро понять ключевой посыл иллюстрации. Старайтесь использовать простые визуальные решения. Например, добавляйте простые шрифты, пишите текст достаточно крупно и делайте изображение контрастным.

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

Начать оформление группы можно с подготовки нескольких стандартных элементов:

• обложки;
• логотипа в векторном формате;
• иконок для меню группы;
• цветов и шрифтов.

Все элементы можно объединить в один документ — UI-Kit. Им будет удобно пользоваться при работе над новыми картинками.

Команда DENZEL подготовила несколько простых рекомендаций для тех, кто работает над визуалом бренда в ОК:

• начинайте работу с подбора референсов;
• не перегружайте изображение контентом — текстовыми блоками и дополнительными иллюстрациями;
• используйте только заранее выбранные шрифты и цвета
• добавляйте на картинку простые и грамотные тексты — без сложных оборотов и ошибок;
• не заставляйте пользователей много «думать» и всматриваться в ваш креатив, чтобы его понять.

Весна принесла несколько важных обновлений игровой платформы! ОК добавили для разработчиков новые возможности, которые помогут показывать рекламу в удобном формате, упростят загрузку фото и позволят собрать больше обратной связи от пользователей.

• #Новое: новые форматы рекламных баннеров и изображений для промо в ленте
• #Важное: вызов формы для обращения в службу поддержки игры с помощью FAPI-метода
• #Полезное: показ нескольких рекламных баннеров на десктопе
• #Удобное: методы для загрузки фотографий от лица приложения через API

Мы разработали новые виды баннеров, которые стали важным дополнением рекламного SDK:

• вертикальный баннер, который показывается поверх игры;
• вертикальный баннер, при показе которого смещается контейнер игры;
• узкий горизонтальный баннер, который показывается поверх игры;
• узкий горизонтальный баннер, при показе которого смещается контейнер игры.

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

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

Вы сможете загружать в настройках игры два новых вида изображений — баннеры для фичеринга в ленте мобильной и десктопной версий ОК — и проверять, как картинка будет выглядеть в интерфейсе платформы. Пользователь увидит в ленте баннер с собственной аватаркой поверх него, а также сможет нажать на кликабельную кнопку, чтобы перейти в игру.

Мы добавили возможность самостоятельно поднимать леер для обращения в службу поддержки игры с помощью метода FAPI.UI.openComplaintForm. Вы сможете указывать, когда стоит показать пользователю форму, а также предвыбирать цель и тему обращения из структуры, чтобы сэкономить его время.

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

Больше не придётся спрашивать разрешение на загрузку изображений в альбом игры — загружайте картинки в ОК без привязки к конкретному пользователю через POST-запрос на URL. Добавленные картинки можно использовать в различных механиках, например для публикации постов или моментов. Сейчас каждому приложению доступна загрузка 100 изображений в альбом.

Авторам контента непросто придумывать видео или публикации, которые были бы актуальны всем пользователям соцсети. Чтобы упростить эту задачу, мы рекомендуем…