(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(95936937, "init", { defer: true, clickmap:true, trackLinks:true, accurateTrackBounce:true }); ym(95936937, 'hit', window.location.href);

Как на примере своей айдентики показать клиентам, что мы умеем

Мы в Advertalyze сделали новую айдентику. В статье сравниваем прошлый и новый варианты: рассказываем, какие ценности транслируем с помощью дизайна — например, через красную каретку в конце названия.

Об агентстве

Advertalyze — digital-агентство: мы запускаем блоги, бренд-медиа, ведем соцсети крупным брендам и настраиваем performance-рекламу.

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

В команде работают молодые ребята: средний возраст — 22 года. Мы погружены в рекламную и технологическую повестку. Готовы тестировать гипотезы и пробовать новые инструменты. Делать это быстро и продумано.

Задача

Агентство развивалось стремительно: многое делали на ходу, от чего было сложно выстраивать единые визуальные решения. Как таковой айдентики у нас не было. Все площадки агентства — сайт, презентации, Instagram, VC — были в разной стилистике.

Так выглядели разные площадки агентства — то есть по-разному

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

Начало работы: бриф

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

Составили список носителей айдентики:

  • дизайн сайта: главная страница, разделы с услугами и кейсами
  • презентация агентства
  • постеры для офиса
  • визитки
  • заставки для чатов с заказчиками в телеграме
  • визуал для подкаста агентства

Работали над следующими элементами айдентики:

  • логотип
  • шрифты
  • цветовое решение
  • графические элементы

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

Референсы для новой айдентики

Дальше рассказываем, как создавался каждый элемент айдентики и как по итогу выглядят носители.

Цветовое решение

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

Пример до: много ярких элементов и блеклые элементы на фоне

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

Сохранили фирменные цвета, но сделали менее ярко

Шрифт

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

Пробовали разные варианты:

Выборка шрифтовых пар, из которых выбирали одну

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

Логотип

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

Шрифт. Мы разработали шрифтовой логотип на основе Quanty. При этом немного изменили его: настроили кернинг и скосили верхние выносные элементы букв — это придало более дерзкий вид. Он даже немного напоминает лого спортивных брендов. Такая ассоциация нам и нужна, ведь мы хотим показать молодость компании.

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

Пробовали разные варианты внедрения каретки, но остановились на близком к старому логотипу.

Варианты логотипа
Версии логотипа до и после

Стилеобразующие элементы

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

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

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

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

Второй заход. Хотелось докрутить идею со значками — попробовали дополнить айдентику пиксельными формами. Сделали серию плакатов с игрой слов: брали окончание lyze из названия и подставляли его под направления работы агентства. Например, design+lyze, strategy+lyze и т.д. Этим приемом хотели показать, что агентство не только про рекламу (Advertalyze), но и другие услуги.

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

Пиксельные формы

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

Как мы внедрили каретки

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

Графические элементы

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

Символы для айдентики

Фирменные носители

Айдентику мы внедряем постепенно во все каналы присутствия агентства.

Сайт
Презентация
Плакаты для офиса
Визитки
Обложки для телеграм-чатов
Дизайн подкаста «Большие Шишки»
0
27 комментариев
Написать комментарий...

Комментарий удален модератором

Развернуть ветку
Advertalyze
Автор

Это правда)

Ответить
Развернуть ветку
Мимокрокодил

Зачем вы кичитесь, что ваш средний возраст 22 года? Зумеры с пориджами обычно любят такое упоминать, типо: Смотрите, как я классно сделал или умею (что угодно), мне 15 лет.
С какой стороны не посмотри, выглядит странно, что для тех, кто у вас работать захочет лет под 30 (уже пенсионер по вашим меркам, на боковую пора), что для клиентов, которым упоминания о какой-то там молодости, как преимуществе в it, будут видеть ребячество и неокрепший ум.

Ответить
Развернуть ветку
Advertalyze
Автор

Молодой возраст в команде — не кич, а обстоятельство) У нас отбор не по возрасту, а по навыкам и заинтересованности в проекте.

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

Ответить
Развернуть ветку
Валерия Толкачева

Вау, очень крутой визуал!

Ответить
Развернуть ветку
Advertalyze
Автор

Спасибо большое!

Ответить
Развернуть ветку
Павел Даниленко

Почему решили оставить цветовую гамму?

Ответить
Развернуть ветку
Advertalyze
Автор

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

Ответить
Развернуть ветку
Roman Vinogradov

А кто работал над айдентикой?

Ответить
Развернуть ветку
Advertalyze
Автор

Наш отдел дизайна и CEO)

Ответить
Развернуть ветку
Денис Швецов

Очень круто получилось

Ответить
Развернуть ветку
Advertalyze
Автор

Спасибо!

Ответить
Развернуть ветку
Даниил Хуторной

А постеры для наружной рекламы или офиса?

Ответить
Развернуть ветку
Advertalyze
Автор

Используем сейчас для офиса. Но на будущее, может, и наружку решим запустить)

Ответить
Развернуть ветку
Ксения Ракчеева

Дизайн топ

Ответить
Развернуть ветку
Advertalyze
Автор

Спасибо!

Ответить
Развернуть ветку
Антоний

Шрифт супер и визитки красивые!

Ответить
Развернуть ветку
Advertalyze
Автор

Благодарим)

Ответить
Развернуть ветку
marta krutaya

А почему отказались от элементов на фоне в презентации?
Статья офигенная

Ответить
Развернуть ветку
Advertalyze
Автор

Хотели создать чистый визуал без лишних элементов. Спасибо)

Ответить
Развернуть ветку
Александр Иванов

Классные фирменные элементы

Ответить
Развернуть ветку
Advertalyze
Автор

Спасибо!)

Ответить
Развернуть ветку
Вячеслав Наумычев

А почему отказались от элементов на фоне в презентации? Вроде прикольные были

Ответить
Развернуть ветку
Advertalyze
Автор

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

Ответить
Развернуть ветку
Андрей Бойков

как по мне результат огонь получился , броско , привлекает взгляд

Ответить
Развернуть ветку
Advertalyze
Автор

Спасибо!)

Ответить
Развернуть ветку
Рафаель Ямалетдинов

Такие дизайны впечатляют!

Ответить
Развернуть ветку
Advertalyze
Автор

Спасибо! Очень приятно)

Ответить
Развернуть ветку
24 комментария
Раскрывать всегда