Лидеры года — новая категория на Workspace Digital Awards! Номинируйте вашу команду, продукты и проекты.
Студия Метод /ex. VisualMethod
Как перевести слово «надежность» на язык дизайна — и не закончить щитом и рукопожатием
Студия Метод /ex. VisualMethod
WDA
2027
#Разработка сайтов под ключ#Брендинг#Тексты на иностранных языках

Как перевести слово «надежность» на язык дизайна — и не закончить щитом и рукопожатием

166 
Поделиться: 0 1 0
Клиент

ОТЛК ЕРА

Сфера

Транспортные услуги

Страна

Россия

Тип сайта

Корпоративный сайт

Сдано

Июль 2026

Задача

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

Сначала о том, что мы вообще брендировали

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

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

В нашем случае отчет существует сразу в трех форматах: полной версии, презентационном PDF и интерактивном сайте — и на трех языках: русском, английском и китайском.

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

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

Решение

Как мы процессили  

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

Процесс студии Метод брендирования годового отчета ОТЛК ЕРА


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

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

Как выглядит «надежность»?  

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

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

За простым словом «перевезти» стоят железные дороги нескольких стран, платформы, терминалы, тарифы, границы, таможня, документы, регуляторы и обмен данными. Все это ОТЛК ЕРА как интегратор собирает внутри сервиса «единого окна». Сегодня 822 маршрута связывают 259 локаций. Почти 9 из 10 контейнеров на этом железнодорожном транзитном направлении проходят через сервисы ОТЛК ЕРА.

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

Именно это нам и предстояло показать в дизайне: не слово «надежность», а весь механизм, который делает компанию надежной.

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

Почему мы не стали рисовать щит?

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

И с этим есть одна проблема. Если у логистической компании все стоит на месте и не движется - это плохой знак. Суть надежности ОТЛК ЕРА ровно в обратном: система постоянно и надежно движется.

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

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

Железная дорога - это медитация

Мы пошли смотреть на железную дорогу. Не в прямом смысле, но визуальная метафора родилась из самой природы железной дороги. Если смотреть на нее сверху, сложность вдруг становится красивой: десятки путей идут рядом, составы движутся каждый по своей линии, расстояния выдержаны, направления понятны. Элементов много, но они не спорят друг с другом. Движение и порядок.

Именно это ощущение мы усилили почти до гиперболы.

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


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

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

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

Что должен считать человек:

  • Увидеть: огромный масштаб, но все четко

  • Почувствовать: движение, четкость ритма и почти медитативное удовольствие от порядка.

  • Понять: за простой доставкой стоит очень сложная система, но ОТЛК ЕРА умеет ею управлять.

  • Поверить: можно доверить груз — все четко.

  • Запомнить: надежность — когда движение организовано.

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

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

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

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

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

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

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

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

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

В итоге система прошла проверку на 80 страницах: 8 кей-визуалов, 40+ крупных иллюстративных композиций, 35+ уникальных пиктограмм, 26 визуализаций данных, плюс карты, схемы, графики, таймлайны и навигация.

Чтобы система работала, все разработанные подходы мы изначально зафиксировали в стайлгайде проекта.

Выдержка из стайлгайда проекта

Один характер — две среды — три языка

Следующая проверка была простой: одна и та же идея должна одинаково считываться и в статике, и в движении.

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

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

И в обоих случаях должно оставаться одно ощущение: все движется — и все подконтрольно.

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

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

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

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

Стиль должен работать в разных элементах

У нас было около 80 страниц материала, внутри — более 100 брендированных визуальных элементов: 8 ключевых визуалов, 40+ визуальных крупных композиций, 35+ уникальных пиктограмм, 26 визуализаций данных, а также карты, схемы, графики, таймлайны, навигация. 

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

Это позволило не изобретать дизайн заново на каждой странице и не собирать каждую языковую версию с нуля - а масштабировать разработанное решение.

Результат

Мы начали со слова «надежность».

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

Комментарий агентства

Виктория Рындина
Виктория Рындина

Визуальный язык не пришлось придумывать из воздуха. Мы взяли его из самого бизнеса и закрепили в стайлбуке. В итоге система прошла проверку на 80 страницах: 8 анимированных кей-визуалов, 40+ крупных иллюстративных композиций, 35+ уникальных пиктограмм и 26 визуализаций данных, плюс карты, схемы, анимированные графики, таймлайны, навигация и моушн. Все это в трех логистических информационных потоках - через последовательную загрузку, управление через меню и в smart-PDF.

Отзыв клиента

Екатерина Фрадкина
Екатерина Фрадкина

Директор по маркетингу АО «ОТЛК ЕРА»

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

https://annreport2025.utlc.com/

Оцените кейс
Спасибо за оценку
Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

Студия Метод /ex. VisualMethod с удовольствием обсудит вашу задачу

Оставить заявку