Как превратить юбилей компании в дизайн-систему на целый год

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

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

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

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

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

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

Так мы пришли к метафоре формы в процессе изменения.

Стекло

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

Как «10» стала фирменным знаком

Юбилейную «10» превратили в основу нового визуального языка. По ходу работы определилось, какую роль играет каждый знак: ноль взял на себя движение и изменение формы, единица устойчивость. Концептуально всё сложилось с первого захода, дальнейшие правки на результат не повлияли.

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

Мы думали руками. Главное было в том, чтобы творчество оставалось не хаосом, а управляемым процессом. Дизайн для нас это не только поток сознания, но и решение задач и болей бизнеса».
— Юлия Сивцова-Ивлева, дизайн-директор, партнёр агентства Intency

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

Как красивое стало рабочим

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

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

От знака к системе

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

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

Как Киберпротект использует дизайн-систему

Стиль ушёл в работу сразу и широко. Ко дню рождения компании он появился на 37 офлайн-мероприятиях и в 12 онлайн-событиях. Внутри команды с ним работают 23 человека: партнёрский канал, digital-маркетинг, PR и HR собирают различные материалы по гайдбуку.

Кампания идёт во всех каналах. Посвящённые юбилею компании публикации в соцсетях собрали больше 22 тысяч просмотров, лендинг спецпроекта посетили более 12 тысяч человек. Стиль выдержал все форматы — от поста в ленте до оформления стенда.

«Главное для нас это то, как дизайн живёт после сдачи. Мы видели мероприятия, посты, публикации клиента со стилистикой десятилетия, причём эти макеты делала уже не наша команда. Цифровой язык обрёл физическую форму. По-человечески это греет душу, словно родителю, который прошёл сепарацию со своим ребёнком»,
— Юлия Сивцова-Ивлева, дизайн-директор, партнёр агентства Intency

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