Workspace Digital Awards 2025 — успейте номинировать кейсы по льготной цене до 1 декабря. Принять участие!
Praxis Group
Интерактивная версия годового отчета ОТЛК ЕРА за 2023 год
Praxis Group
WDA
2025
#HTML - верстка сайта#3D моделирование#Инфографика

Интерактивная версия годового отчета ОТЛК ЕРА за 2023 год

329 
Praxis Group
Praxis Group Россия, Санкт-Петербург
Поделиться:
Клиент

АО «ОТЛК ЕРА»

Сфера

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

Регион

Россия, Москва

Сдано

Август 2024

Задача

Компания АО «ОТЛК ЕРА» обратилась в Praxis Group для разработки дизайна годового отчета за 2023 год. Цель отчета, помимо раскрытия результатов финансовых и операционных показателей для обеспечения открытости компании и повышения лояльности аудитории, — повышение метрик официального сайта utlc.com и привлечение целевой аудитории. В связи с этим перед агентством была поставлена задача: повысить вовлеченность целевой аудитории и сделать так, чтобы работать с информацией было легко, удобно и интересно.

Решение

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

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

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

2. Разделы годового отчета сопровождаются 3D-иллюстрациями, построенными на простых геометрических объектах, таких как кубы, цилиндры, а также их комбинациях. При этом все иллюстрации обладают интертекстуальностью, совмещая в себе сюжеты из мира логистики и символические образы. Так, например, в разделе «Корпоративное управление» дорога с перекрестком и выраженной симметрией напоминает организационную структуру компании, представленную в соответствующей схеме отчета. А иллюстрация в «Стратегическом отчете» олицетворяет взгляд в перспективу будущего и в то же время напоминает железнодорожную станцию в момент, когда человек видит множество поездов, зрительно сходящихся в одной точке.

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

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

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

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

Для сотрудников компании — показали сферу их деятельности через новые для них цветовые и «материальные» решения (большинство объектов — 3D-модели из матового стекла с мягкой подсветкой).

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

Результат

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

После публикации интерактивной версии отчета прошло не так много времени, но мы уже видим позитивную динамику:

время на сайте: +13%

количество отказов: −4%

просмотры: +35%

визиты: +36 %

посетители: +5%

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

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

Для сотрудников компании — показали сферу их деятельности через новые для них цветовые и «материальные» решения (большинство объектов — 3D-модели из матового стекла с мягкой подсветкой).

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

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

Виктор Комолов
Виктор Комолов

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

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

Суравова Юлия Александровна
Суравова Юлия Александровна

Заместитель директора по маркетингу АО "ОТЛК ЕРА"

В этом году АО «ОТЛК ЕРА» опубликовало 6-й по счету Годовой отчет, что стало вызовом для рабочей группы из 25 сотрудников. Основные сложности заключаются в сборе данных (многие показатели финализируются к концу февраля), перекрестной проверке информации департаментами, внесении правок и вёрстке, сокращении (удаление чувствительных данных), переводе на английский и китайский языки, а также подготовке интерактивной версии на трёх языках, включая мобильные версии.

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

https://annreport2023.utlc.com

Стек технологий

  • CSS CSS Язык программирования
  • HTML HTML Язык программирования
  • JavaScript JavaScript Язык программирования
  • Visual Studio Code Visual Studio Code Среда разработки

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

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

Praxis Group с удовольствием обсудит вашу задачу

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