Проект: Разработка системы аналитики и пользовательских дашбордов в рамках экосистемы «Визуализатор» для производителя сайдинга и фасадных материалов Ю-Пласт.
Дашборды активности пользователей
- Количество зарегистрированных пользователей (по дням/неделям/месяцам).
- Количество авторизаций за выбранный период.
- Количество созданных проектов с детализацией- сколько загрузили, сколько скачали, сколько сохранили.
- Среднее количество проектов на одного пользователя.
- Возможность «проваливания» из графика в список конкретных пользователей с сортировкой и экспортом.
Фильтры и сортировки
- По количеству проектов.
- По дате регистрации и авторизации.
- По регионам.
- По активности (те, кто стал пользоваться больше или меньше за период).
- По количеству дней без проектов.
Администрирование (User List)
- Полный список пользователей с колонками: дата авторизации, количество проектов, количество входов.
- Быстрая сортировка по убыванию/возрастанию (как в Excel).
Логирование действий пользователей
- Создание проекта.
- Редактирование проекта.
- Создание контура.
- Редактирование контура.
- Замощение.
- Сохранение проекта.
- Скачивание проекта.
Логирование позволило отслеживать этапы работы и выявлять ошибки или «узкие места» в пользовательском сценарии.
Этапы разработки
Анализ и проектирование:
- Совместная работа с заказчиком по определению ключевых метрик.
- Проектирование структуры дашбордов и связей с CRM.
Разработка дашбордов:
- Реализация графиков по регистрациям, авторизациям, созданию и скачиванию проектов.
- Настройка фильтрации по датам и регионам.
- Возможность перехода с графика к таблице пользователей.
- Добавление сортировок и экспортируемых таблиц.
Логирование действий:
- Внедрение системы записи ключевых действий пользователей.
- Интеграция логов в дашборды для анализа поведения.
Тестирование и оптимизация:
- Проверка корректности фильтров, сортировок и экспорта.
- Финальный аудит UX и доработка визуализации.
Общий срок реализации: ~ 50 часов на дашборды + 8 часов на логирование
Методология разработки
Использовался Канбан:
- Задачи разделялись на этапы с постоянной приоритизацией.
- Дашборды и логирование внедрялись итеративно: заказчик сразу видел промежуточные результаты.
Технологический стек
- Backend: Symfony (PHP).
- База данных: MySQL (хранение логов, статистики, пользователей).
- Frontend: React (динамическая визуализация графиков).
- Библиотеки аналитики: Chart.js / D3.js (интерактивные графики).
- Экспорт данных: генерация XLS/CSV.
Почему выбран именно этот стек:
- Symfony обеспечил быструю интеграцию с существующими модулями проекта «Визуализатор».
- MySQL — оптимально для хранения больших объёмов событийных данных.
- React + Chart.js — позволили реализовать гибкие и наглядные графики с возможностью «проваливания» в данные.
Связанные проекты: Кейс 1. Веб-сайт Ю-Пласт, Разработка ПО калькулятора, Кейс 2: Визуализатор домов для Ю-Пласт