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

poster
Услуги:
  • Дизайн
  • Разработка
Стек:
  • VUE
  • DJANGO
  • Chart.js

Задача

Разработать дашборды для упрощения работы с финансовыми показателями государственных органов.

О клиенте

Клиент — федеральное ведомство, отвечающее за соблюдение законодательства в сфере рабочих отношений.

Концепция

Разработанная концепция обеспечивает оперативную подачу и анализ «живых» данных: показатели отображаются в виде графиков и диаграмм, показывая текущее значение и динамику изменений. 

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

Интерактивная карта

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

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

poster
poster

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

poster

Разнообразие данных

Мы вынесли ключевые метрики в KPI‑карточки с динамикой и сравнением с прошлым периодом — это ускоряет выявление отклонений и приоритезацию действий. 

Для наглядности использованы линейные графики для динамики, столбчатые диаграммы (сравнения по регионам/категориям) и круговые диаграммы (структура распределения средств), что упрощает анализ и помогает оперативно перераспределять ресурсы и снижать риски.

Интерактивность и гибкость

Чтобы пользователи имели возможность более детально изучить состояние показателей при нажатии они могут развернуть карточки с KPI в полноценные графики. 

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

Добавили дополнительные функциональные возможности — выбор единиц измерения и количества знаков после запятой.

poster

Темная тема

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

poster

Личный кабинет и административная панель

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

Портал сотрудника

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

poster

Интеграции

Мы интегрировали Django-прокси между нашим frontend и backend клиента, чтобы администраторы могли создавать/блокировать пользователей, управлять их правами доступа к дашбордам и графикам, модерировать профили и аватары, а также назначать роли администраторов и модераторов.

Frontend

С помощью фреймворка Next.js мы настроили расчет ключевых и финансовых показателей, получаемых от клиента, с помощью интерактивных формул. 

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

poster

Команда

  • Вадим Полькин
    QA
  • Роман Гаянов
    Project manager
  • Дмитрий Сас
    DevOps
  • Андрей Куранов
    Frontend developer
  • Анастасия Елисейкина
    Analytics teamlead
  • Андрей Жилин
    System analyst
  • Яна Плещеева
    Frontend teamlead
  • Владимир Мясин
    Frontend developer
  • Екатерина Еремина
    Директор департамента производства

UX-аудит за неделю

Выполним полноценный UX-аудит по фиксированной цене 100 000 ₽

Скачать презентацию
Аватар

Привет!
Заполните форму,
будем рады познакомиться
и помочь

Привет!
Заполните форму, будем
рады познакомиться
и помочь

ADVANTA: Редизайн платформы управления проектами для сложных процессов

poster
1.0.12