Промо-сайт со статистикой клиентов ОТЛК ЕРА
Год
2024

ОТЛК ЕРА
Итоги 2024 года

Логистика
UX/UI-дизайн
Разработка сайта
3D-визуализация
Иллюстрация
Направления
Экспертиза
Создать интерактивный и визуально впечатляющий сайт-отчет, отражающий статистику и показатели ОТЛК ЕРА и клиентов компании за календарный год.

Задача

ОТЛК ЕРА ежегодно публикует итоги с ключевой статистикой по ж/д-логистике. Мы создали яркий интерактивный отчет с визуальными метафорами, акцентируя расстояние, скорость, объёмы и новые маршруты для эмоционального вовлечения клиентов, партнёров и СМИ.
Большая часть партнеров и клиентов — китайские компании. Мы решили сделать визуальный упор на отражение в дизайне смыслов и атрибутики Китая. Был выбран смелый, сложный и бросающий вызов ход — придумать маскота и сделать его главным сопровождающим персонажем для пользователя. В роли маскота выступила панда — священное животное Китая.
Визуальная метафора
Для большего понимания пользователя была разработана система сравнений. Так понятнее и интереснее погружаться в статистику. Например, 3 320 236 км — расстояние, которое поезда проехали в этом году — это как проехать по всем железным дорогам мира более трех раз.
Система сравнений
Панда создана с нуля — со скелетом, анимацией и главной ролью в повествовании сайта.
Каждый из показателей визуализирован через анимацию, метафорически передающий смысл для каждого экрана с данными.
Помимо панды в стилеобразующие образы вошли цветы и цветки, которые символизирую в Китае времена года: орхидея, пион, лотос, хризантема, цветок сливы и вишни. Времена года, образующие календарный год, в рамках которого и накапливаются показатели деятельности компаний.
Оттенки обозначают китайские «хорошие и позитивные» смыслы: чистота и здоровье, императорская власть и национальная государственность, веселье, страсть, энергия, активность и жизнь, благородство, незыблемость и вечность, удача, счастье, изобилие и благоденствие.
Цветовая палитра
После всех представленных статистических блоков пользователь может оставить обратную связь о работе сервиса ОТК ЕРА, оценить по 5-бальной шкале. Завершается путь короткой анкетой и формой отправки данных.
В результате сайт стал не просто отчетом, а цифровым продуктом с wow-эффектом, что уже успели отметить клиенты и партнеры ОТЛК ЕРА.
Технологии в разработке
Фронт
HTML5, CSS
Бэк
1С-Битрикс
Интеграции
1С-Битрикс
Обсудим ваш проект?
192029, пр-кт Обуховской Обороны 86 литер К, помещение 19Н, офис 202
Санкт-Петербург
394018, ул. Средне-Московская, д. 1Д, 3 подъезд, 3 этаж
Воронеж
© 2025 CloudMill Digital Production
Аккредитованная ИТ-компания