Разработка дашбордов для федерального ведомства


- Дизайн
- Разработка
- VUE
- DJANGO
- Chart.js
Задача
Разработать дашборды для упрощения работы с финансовыми показателями государственных органов.
О клиенте
Клиент — федеральное ведомство, отвечающее за соблюдение законодательства в сфере рабочих отношений.
Концепция
Разработанная концепция обеспечивает оперативную подачу и анализ «живых» данных: показатели отображаются в виде графиков и диаграмм, показывая текущее значение и динамику изменений.
Легкий, продуманный интерфейс вместе с адаптивной логикой — появляющимися виджетами, графики и гибкими фильтрами по расходам, остаткам бюджета и другим параметрам — позволяет быстро воспринимать информацию и уточнять детали без потери общего контекста.
Интерактивная карта
Мы сделали карту в дашбордах центральным инструментом, чтобы быстро получать общую картину по регионам.
Интерактивная легенда, подсветка проблемных зон, подсказки при наведении и фильтрация по региону позволяют оперативно выявлять отклонения, понимать их причину и принимать решения быстрее.


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

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

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

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

Интеграции
Мы интегрировали Django-прокси между нашим frontend и backend клиента, чтобы администраторы могли создавать/блокировать пользователей, управлять их правами доступа к дашбордам и графикам, модерировать профили и аватары, а также назначать роли администраторов и модераторов.
Frontend
С помощью фреймворка Next.js мы настроили расчет ключевых и финансовых показателей, получаемых от клиента, с помощью интерактивных формул.
Расчеты производятся в реальном времени, а алгоритмы адаптируются под изменяющиеся данные, что дает возможность детально сравнивать плановые и фактические показатели.

Команда
- Вадим ПолькинQA
- Роман ГаяновProject manager
- Дмитрий СасDevOps
- Андрей КурановFrontend developer
- Анастасия ЕлисейкинаAnalytics teamlead
- Андрей ЖилинSystem analyst
- Яна ПлещееваFrontend teamlead
- Владимир МясинFrontend developer
- Екатерина ЕреминаДиректор департамента производства
UX-аудит за неделю
Выполним полноценный UX-аудит по фиксированной цене 100 000 ₽
Привет!
Заполните форму,
будем рады познакомиться
и помочь
Привет!
Заполните форму, будем
рады познакомиться
и помочь
ADVANTA: Редизайн платформы управления проектами для сложных процессов
