Годовой отчет: от Excel к WebGL
Как мы помогли крупнейшему ритейлеру превратить 500 страниц скучных таблиц в интерактивный цифровой опыт, который инвесторы листают с удовольствием.
Задача: Сделать отчет читабельным
Годовой отчет RetailGiant традиционно представлял собой PDF-файл на 600 страниц. Главный финансовый директор, Алексей Смирнов, столкнулся с проблемой: 85% инвесторов не дочитывали его до конца.
Цель была амбициозной — сохранить юридическую точность данных, но изменить формат подачи. Мы должны были выделить ключевые метрики роста, визуализировать логистические цепочки и сделать историю бренда эмоционально близкой для стейкхолдеров.
«Нам нужно было не просто нарисовать графики, а рассказать историю года через данные. Инвесторы должны были понять стратегию, не копаясь в тысячах строк Excel».
Процесс: От Excel к WebGL
Мы не стали просто верстать страницы. Мы построили архитектуру данных.
1. Аудит и Очистка
Первые две недели мы занимались данными. Мы взяли 40 таблиц Excel и SQL-дампов, очистили их от дублей и структурировали в JSON для фронтенда. Это позволило обновлять цифры без перерисовки макетов.
2. Визуальная Система
Разработали дизайн-систему на базе Three.js. Вместо статичных PNG-картинок мы создали процедурные 3D-объекты (склады, логистические потоки), которые рендерятся прямо в браузере.
3. Интерактив
Внедрили систему фильтров. Пользователь может выбрать регион (Сибирь, Урал, ЦФО) и увидеть, как меняются графики выручки и EBITDA в реальном времени.
Геокарта
Продаж
Визуальные решения
Ключевым элементом отчета стала «Карта присутствия». Мы отказались от скучных гистограмм в пользу интерактивной 3D-карты России.
Каждый филиал RetailGiant представлен светящимся узлом, интенсивность свечения которого зависит от выручки. При наведении курсора пользователь видит всплывающее окно (tooltip) с детализацией по категориям товаров.
Для раздела ESG (экология и социальная ответственность) мы использовали метафору «цифрового леса», где количество посаженных деревьев анимировано в реальном времени, демонстрируя вклад компании в экологию.
- ✓ Адаптивность под мобильные устройства
- ✓ Темная и светлая темы оформления
- ✓ Экспорт любых графиков в PDF одним кликом
Реакция инвесторов
Результаты, которые говорят сами за себя.
«Впервые за 10 лет я видел, как инвесторы обсуждают годовые итоги с таким интересом. Интерактивность позволила им самим найти ответы на вопросы, которые обычно задают на AGM».
«Техническая реализация впечатляет. Использование WebGL для рендеринга данных — это шаг вперед по сравнению со статичными PDF-отчетами конкурентов. Это выглядит дорого и современно».
Хотите такой же отчет?
Мы поможем вашему бизнесу стать прозрачнее и привлекательнее для инвесторов. Первая консультация по стратегии данных — бесплатно.