Интерактивный Годовой отчет ОТЛК ЕРА

Главное о кейсе

Этот кейс о ситуации, когда сайт на трех языках выполняет три задачи: для Китая - культура доверия между партнерами, для Европы - широкая коммуникация в деловой среде, для России - маркетинговая поддержка обязательной публикации данных.

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

Мы делали не сайт компании, а отдельный проект - превратили отчет о работе за прошедший год в маркетинговый инструмент. Раскрыли надежность через образ организованного движения — плавного, непрерывного, почти медитативного. Около 80 страниц обязательных данных собрали в интерактивный сайт и smart-PDF на трех языках: 100+ визуальных элементов, 3D, графики, карта и моушн.

Как проект изменил жизнь пользователей

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

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

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

Бизнес-задача и ее решение

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

При этом масштаб бизнеса, который нужно было объяснить, тоже не маленький. Сегодня 822 маршрута связывают 259 локаций, а сохранность грузов составляет 99,998%.

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

Крафт (мастерство), реализация, технические детали

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

На ключевом визуале контейнерные составы превращаются в огромный поток: параллельные линии уходят вперед и плавно поднимаются вверх. Есть ритм, повторение и очень ясное направление. В этом и ценность метафоры: чем интенсивнее становится движение, тем сильнее ощущается порядок.
А дальше железнодорожная линия ведёт пользователя по информации. Узел — обозначает точку или связь. Стрелка — направление. Контейнер — превращается в информационный модуль. ДФЭ — в элемент графической системы. Визуальный язык не пришлось придумывать из воздуха. Мы взяли его из самого бизнеса и закрепили в стайлбуке.
В итоге система прошла проверку на 80 страницах: 8 анимированных кей-визуалов, 40+ крупных иллюстративных композиций, 35+ уникальных пиктограмм и 26 визуализаций данных, плюс карты, схемы, анимированные графики, таймлайны, навигация и моушн.
Все это в трех логистических информационных потоках - через последовательную загрузку, управление через меню и в smart-PDF.

Отдельным краш-тестом стали три языка. Русский, английский и китайский дают разную длину строк, плотность текста и совершенно разный рисунок письма. Поэтому дизайн строили не вокруг идеально подогнанной русской фразы, а вокруг модульной системы.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

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

Это была общая работа нескольких команд: клиентская команда, редакторский блок с переводчиками, дизайн и разработка.

Команда ОТЛК ЕРА глубоко знает бизнес и умеет объяснять его человеческим языком. Без этого невозможно понять, какой показатель стоит выделить, как связаны процессы, и что именно стоит за очередной строкой таблицы.
Отдельным инсайтом стало то, как с информацией работает китайская сторона и почему так важна китайская версия отчета для бизнеса. И это совпадает с тем, как в принципе работают китайские B2B-отношения. Исследование 398 китайских производственных компаний показало связь доверия между покупателем и поставщиком с обменом информацией; исследование 155 отношений китайских поставщиков с иностранными покупателями показало положительную связь открытого информационного обмена с когнитивным доверием к иностранному партнеру. 

Текущая доступность работы

https://annreport2025.utlc.com/zh

Скриншоты

Комментарий заказчика

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