Dashboard для коммерческого блока EvApps

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

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

Так родился проект корпоративного дэшборда (информационной панели).

Панель отражает данные по ряду показателей в виде графиков и диаграмм, а именно:
- сводную статистику по коммерческому блоку (количество заключенных сделок, проведенных собеседований и т.п.);
- статистику по собеседованиям с разработчиками компании;
- статистику по продажам, рейтам и поступлению денежных средств;
- статистику по проектам (находящимся в работе и завершенным).

Часть данных для панели подгружается автоматически из внешней CRM-системы, которой пользуются отделы продаж и закупок. Остальные данные вносятся сотрудниками этих подразделений непосредственно в «админскую» часть панели.

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

Внесенная информация отображается на панели в виде графиков и диаграмм, кроме того есть несколько фильтров, которые позволяют отсортировать данные и просматривать результаты по:
- менеджеру отдела продаж (одному, нескольким или по всему отделу);
- менеджеру отдела закупок (аналогично);
- периоду (по умолчанию используется текущий месяц).

В настоящий момент дэшборд полностью готов к работе, мы наполняем его актуальными данными для анализа.

*Внимание: все приведённые на скриншотах цифры и показатели вымышлены и не отражают реального положения вещей.

**В блоке URL указан адрес корпоративного сайта компании, поскольку данный проект является нашей внутренней разработкой и содержит коммерческие данные. Дать действующую ссылку на дэшборд не можем.

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

Руководству EvApps стало удобнее следить за отчетностью и коммерческими показателями компании, а у менеджеров появилась единая форма, в которую проще вносить показатели.

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

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

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

Команда проекта состоит из:
1. Владельца продукта
2. Руководителя проектов
3. Системного аналитика
4. Разработчиков - 2 Frontend, 2 Backend, их же силами настроен базовый CI/CD
5. QA специалиста
6. Пилотной группы конечных пользователей системы
Поскольку проект внутренний, то пилотная группа пользователей сразу же изучает результаты каждого спринта и вносит предложения о необходимых корректировках (в основном - в плане UX).
Стэк проекта:
1. Frontend - React, Typescript, MUI, Charts.js, Redux Toolkit
2. Backend - Laravel 10, PostgreSQL 14.5
3. REST API между FE и BE
4. REST API между BE и внешний CRM системой
5. Docker
На проекте используется отдельные стенды для разработки/тестирования и использования конечными пользователями.
Настроен базовый Gitlab CI/CD, автоматически обновляющий стенд для тестирования после прохождения автотестов. Боевой стенд обновляется вручную.

Скриншоты