Всем привет, на связи главный редактор UXART. Недавно мы начали делиться аспектами работы коммуникационных дизайнеров. Сегодня мы завершаем наш экспериментальный формат мини-историй. И если вы пропустили первые две части, то я настоятельно рекомендую ознакомиться с ними)
Сегодня наш арт-директор направления коммуникационного дизайна расскажет про 2 крупных кейса, которые тесно связаны с голосом бренда — социальными сетями и мерчем. Приятного чтения!
P.s. если вы хотите узнать подробнее про задачи коммуникационного дизайнера и лучше понимать их работу — обязательно подпишитесь на наш аккаунт. Если этот формат зайдет вам, то мы обязательно сделаем продолжение)
Приветствую, меня зовут Нана, я арт-директор в UXART! В последнее время я часто занимаюсь тем, что адаптирую графический язык брендов для соцсетей — и набила на этом руку.
Работа с визуалами для соцсетей — это всегда баланс между брендбуком компании и контекстом платформы, на которой они размещаются.
Часто приходится практически создавать новый раздел брендбука, потому что статичный фирстиль редко предусматривает применение в динамичном медиа-потоке. Далее расскажем про два кейса, где мы применяли подобный подход.
Кейс 1: TN-Life
TN Life — внутренняя экосистема для сотрудников Технониколь (далее ТН), объединяющая в себе все сервисы, предназначенные для систематизации и упрощения рабочих процессов. Их Telegram-канал существует для того, чтобы оповещать пользователей об обновлениях, собирать обратную связь и рассказывать, как пользоваться сервисами.
Работа началась с аватарки для канала и трёх пробных визуалов для постов. Поскольку с ТН мы работаем не первый год, у нас уже был опыт осовременивания их графики.
Мы собрали самые удачные, на наш взгляд, работы, сделанные для ТН, и спросили, нравится ли клиенту такой подход. Получив добро, мы начали примерять образы, которые можно назвать ассоциациями первого порядка: новости, папка с документами, уведомления.
Наиболее близким оказался вариант с папкой, из которой появляются уведомления — так канал TN Life News становится местом, где собраны все самые свежие и актуальные новости.
При этом нам сразу показалось интересным, как в этом визуале объединяется физическое (папка) и цифровое (кнопки/уведомления), и мы решили дальше раскрывать эту историю.
Главная сложность проекта в том, что чистый и высокодетализированный интерфейс портала нельзя без адаптации переносить на посты в Telegram. Визуалы для соцсетей обязывают нас к грамотному управлению вниманием и упрощению, так как пользователь задерживается на них буквально на одно мгновение.
Сначала мы определили базу, без которой узнаваемость бренда будет потеряна — цвета, шрифт, tone of voice. Кроме того, мы взяли самодостаточные элементы сайта, то есть те, которые могут адекватно существовать вне интерфейса: иконки, поля ввода, кнопки, небольшие поп-апы.
От прямого использования интерфейса мы отказались, но что его заменит? Эти элементы не могут существовать в невесомости, необходимо поместить их в новую среду.
TN Life позиционируется как диджитальный помощник в рабочих процессах, поэтому мы решили «подружить» его с пространством современного и оптимизированного офиса (возвращаясь к идее с аватаркой канала, где в одной плоскости объединилось «физическое» и «цифровое»).
Так получился гибрид, который работает в контексте соцсетей, но не конфликтует с основным брендом.
Кейс 2: TN Digital
TN Digital — это подразделение ТН, которое занимается технологическими инновациями, проводит конференции и, в принципе, нацелено на хай-тек развитие.
У них уже есть подробный брендбук, однако для оформления соцсетей его нам было недостаточно. Он применим для более «постоянных» и уникальных носителей, например, полиграфии и мерча. Почему мы пришли к этому выводу?
Всё просто — брендбук построен вокруг одного графического элемента, который может быть контрформой, паттерном, контейнером для текста. Когда эти приёмы используются, например, в серии плакатов, они выглядят уместно и консистентно.
С другой стороны, визуалы для постов существуют в совершенно другом контексте. Их должно быть много, они приурочены к событиям, происходящим здесь и сейчас. Поэтому необходима достаточная вариативность, чтобы чутко реагировать на окружающую среду.
Если бы мы пошли строго по брендбуку, избежать шаблонности было бы практически невозможно, и посты перестали бы читать на третьей такой картинке. Поэтому мы поставили своей задачей перевести идентичность бренда на язык, который цепляет сиюминутно, без глубокого погружения в метафору брендбука и историю компании.
Мы взяли графику из брендбука, а именно фирменную геометричность и форму куба в изометрии, и актуализировали: к ним добавились 3D-иллюстрации, градиенты и чистая типографика.
Это, в наилучшем смысле, клише, которым следует рынок.
Для меня главное — не просто применять гайдлайны, а трансформировать их в подвижный, но узнаваемый визуальный язык. Именно поэтому, когда я берусь за визуалы для соцсетей, всегда начинаю с аудита существующего стиля. Важно давать отчёт и себе, и клиенту, о том, какие элементы можно взять за основу, а что необходимо переосмыслить.
Итого каждый такой проект можно рассматривать, как разработку «сиквела» для брендбука, где:
- 60% — узнаваемые элементы бренда
- 30% — адаптация под платформу размещения
- 10% — уместное использование актуальных тенденций рынка
Спасибо, что прочитали эту статью. Надеюсь, что вам зашел формат мини-историй и вы (как и я) ждете продолжения. Если это действительно так, то напишите в комментариях, про что бы вы хотели узнать дальше — у нас много классных кейсов как со стороны коммуникационного, так и интерфейсного дизайна)
Также предлагаю подписаться на наш телеграм-канал, в котором Артем Конаков (CEO UXART) рассказывает больше про студию, делится инсайтами и анализирует привычные нам вещи в разрезе UX-разборов)
Ну а мы с вами увидимся совсем скоро на том же самом сайте <3