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

Сначала уточнение.

Мы не делали новый корпоративный сайт ОТЛК ЕРА. Не строили огромный портал с сотней сервисов и не пытались уместить в интернете вообще всю жизнь компании.

Мы сделали сайт одного документа.

Документ один, а «но» к нему - целых десять.

Первое «НО»:
Годовой отчет обязаны выпустить. Читать его никто не обязан

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

И если этот объем уже собран, проверен и согласован, довольно обидно использовать его только по принципу: «Вот документ на 80 страниц, мы выполнили обязанность, увидимся через год».

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

Второе «НО»:
Обычно сайт говорит мало. Хороший отчет - должен сказать максимум

Совет «оставьте только главное» прекрасен для лендинга. Для годового отчета он почти бесполезен.

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

То есть здесь нельзя посмотреть на длинную формулировку и сказать:

«Она портит дизайн. Убираем».

Или на сложную формулировку:

«Я переписал, теперь звучит эффектнее».

Сначала она должна быть точной. И только потом красивой.

На входе было около 80 страниц исходной информации, и задача состояла не в том, чтобы превратить их в десять эффектных экранов. Задача звучала так: "Как ничего не потерять — и при этом не потерять читателя?".

Третье «НО»:
Надежность нужно было оживить

Если описать ОТЛК ЕРА совсем просто, то это компания, которая собирает сложный железнодорожный маршрут через Евразию в один сервис. Например, помогает контейнеру проехать из Китая в Европу или обратно — через Казахстан, Россию и Беларусь — так, чтобы клиенту не пришлось самому координировать всех участников этого пути. Условно 9 из 10 контейнеров на этом железнодорожном транзитном направлении проходят через сервисы ОТЛК ЕРА.

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

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

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

Поэтому «надежность» здесь - не как красивое слово из раздела ценности компании. Надежность - это практически и есть сам продукт компании. Сохранность груза держится на уровне 99,998%. Вот эту надежность нам и нужно было показать.

Но как вообще выглядит надежность?

Попробуйте быстро представить в голове картинку «надежность». Скорее всего, появится что-нибудь очень устойчивое: скала, щит, фундамент, мост. Все статичное.

И с этим есть одна проблема.

Если у логистической компании все стоит на месте и не движется - это плохой знак.

Суть надежности ОТЛК ЕРА ровно в обратном: система постоянно и надежно движется.

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

Поэтому главным принципом стал:

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

Четвертое «НО»: Сначала мы пошли на железную дорогу, а потом достали дизайн из бренда

Не буквально пошли. Хотя звучит неплохо. Мы вместе с командой ОТЛК ЕРА стали разбирать сам мир компании. Клиентская команда здесь очень помогла: сложную логистику нам объясняли не корпоративным языком «в целях обеспечения повышения эффективности взаимодействия», а нормально — что куда едет, кто с кем взаимодействует, где возникает риск и почему конкретный процесс вообще важен.

А дальше мы смотрели на рельсы, стрелки, развязки, железнодорожные узлы, контейнеры, составы, маршрутные схемы и ДФЭ — реальную единицу измерения контейнерных перевозок.

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

Железнодорожная линия стала вести пользователя по информации. Узел — обозначать точку или связь. Стрелка — направление. Контейнер — превращаться в информационный модуль. ДФЭ — в элемент графической системы.

Железная дорога перестала быть картинкой про железную дорогу. Она стала интерфейсом.

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

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

Мы достали дизайн из бренда. У ОТЛК ЕРА зеленый фирменный цвет. Можно было взять один зеленый и покрасить им все. Получился бы очень зеленый отчет. Вместо этого мы собрали систему оттенков: более темных и светлых, насыщенных и спокойных. Они помогают отделять один тип информации от другого, создавать глубину и при этом оставляют все внутри одного визуального мира.

А потом мы оживили эту систему.

Много элементов в отчете находятся в движении. Но они не прыгают, не вращаются без причины.

Движение спокойное, непрерывное, зацикленное и почти медитативное. Пользователь видит непрерывный поток, но не ощущает суеты. Все находится в движении - и все остается под контролем.

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

Пятое «НО»:
До сайта существует невидимая машина

Пользователь видит готовый экран: красивые цифры, графики, анимацию, зеленые контейнеры куда-то едут.

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

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

Именно поэтому проект делали не «мы, дизайнеры, и где-то там клиент».

Это была общая работа двух команд.

Команда ОТЛК ЕРА глубоко знает бизнес и умеет объяснять его человеческим языком. Без этого невозможно понять, какой показатель действительно существенный, как связаны процессы и что именно стоит за очередной строкой таблицы.

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

Шестое «НО»:
Три языка должны сказать одно и то же

Русский, английский, китайский. Это не просто три кнопки в верхнем меню.

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

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

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

Седьмое «НО»:
Повторить ежегодный отчет, но не повториться

Есть еще одна маленькая деталь. ОТЛК ЕРА выпускает годовой отчет каждый год. Нельзя каждый раз говорить: «Забудьте все, что было раньше, теперь у нас совсем новый бренд». Но и делать тот же отчет с новой датой немного грустно.

Поэтому в 2025 году мы сохранили визуальную преемственность, но изменили интонацию.

Этот год завершал стратегический цикл 2019–2025 годов. В содержании усилился стратегический слой: на сайте появился отдельный «Стратегический отчет».

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

Восьмое «НО»:
На всё про всё 2 месяца

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

Каждый новый график нельзя заново «придумывать». Каждый раздел не может становиться отдельным авторским проектом. Каждая языковая версия не должна требовать нового сайта.

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

Девятое «НО»:
Интерактивный отчет не должен превращаться в квест

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

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

Но если сайт рассказывает о надежности - простота понимания в основе важнее активного вовлечения (отдельные игры для отчетов мы тоже делаем, но не превращаем сам отчет в игру).

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

Тот же принцип работает и в цифровом PDF, который можно загрузить как зеркало сайта: в нем 187 внутренних ссылок, кликабельное содержание, быстрый возврат к нему, интерактивный указатель GRI и внешние переходы.

Десятое «НО»: После публикации все только начинается

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

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

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

Но для нас главный результат даже не в количестве элементов, экранов, языков.Мы сделали так, чтобы надежность ОТЛК ЕРА не пришлось декларировать. Ее можно увидеть в том, как движется информация, как устроена навигация, как связаны данные и как весь сложный бизнес собирается в одну понятную систему.

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