Создание сайта
АТК Бенчмаркинг
Сайт «Бенчмаркинг» — платформа сбора и визуализации отраслевых данных (АТК)
Задача
Перед нашей командой стояла задача разработать веб-приложение для проведения бенчмаркинговых исследований. Система должна была аккумулировать данные от участников, автоматически обрабатывать их и отображать в виде интерактивных диаграмм и таблиц. Необходимо было реализовать две роли пользователей -Администратор и Клиент - с разграниченными правами доступа, а также полноценную панель управления для настройки вопросов, шаблонов и отображения данных.
Исполнение
Разработка дизайна осуществлялась с помощью программы Figma. Для серверной части использовался Django и база данных PostgreSQL. Frontend реализован при помощи Vue.js. Для работы с табличными данными и импорта/экспорта реализована интеграция с Excel-файлами. Вся система спроектирована с учётом одновременной работы до 200 пользователей и хранения больших объёмов статистических данных с ежедневным резервным копированием базы данных.
Достигнутый результат
Разработано веб-приложение с двумя разделами: панель администратора и личный кабинет клиента. Администратор управляет четырьмя типами вопросов (количественные, процессные, уровня зрелости, динамического сопоставления), формирует шаблоны и назначает их клиентам. Клиент заполняет анкеты и просматривает результаты в виде столбчатых диаграмм, линейчатых диаграмм, таблиц уровня зрелости и динамических рядов с фильтрацией по отрасли и выручке. Реализован импорт и экспорт данных в Excel, логирование действий пользователей и система уведомлений.
Главная страница со стороны пользователя, здесь есть пройденные и непройденные шаблоны, поиск, фильтр, информация о компании и возможность перейти в шаблон для прохождения или просмотра статистики. В шапке отображается название компании и имя текущего пользователя. Шаблоны визуально различаются по статусу - завершённые отмечены зелёной галочкой, незавершённые серой. Фильтрация по вкладкам позволяет быстро находить нужные шаблоны среди всех доступных.
Процесс анкетирования и ввода параметров количественных вопросов с возможностью ввода данных и комментария. Шаблон разбит на три этапа: количественные вопросы, процессные вопросы и вопросы уровня зрелости. На текущем шаге пользователь заполняет таблицу показателей, числовой ответ и комментарий. Показатели сгруппированы по разделам, например «Стратегия функции» и «Организационное соответствие».
Процесс анкетирования и ввода параметров процессных вопросов с выбором готовых ответов, либо своего ответа с комментарием. На текущем шаге по каждому показателю пользователь выбирает ответ из выпадающего списка с готовыми формулировками и при необходимости добавляет свой комментарий. Показатели сгруппированы по блокам, например "Управление бизнес-процессами".
Финальный этап анкеты, анкетирование вопросов уровня зрелости, в котором нужно выбрать один из предложенных ответов. Оба предыдущих этапа отмечены как завершённые. По каждому критерию пользователь выставляет оценку от 1 до 4, где каждый уровень сопровождается подробным текстовым описанием - это позволяет осознанно выбрать оценку, опираясь на конкретные характеристики, а не абстрактную шкалу.
Просмотр данных в количественных вопросах, слева выбираем вопрос, по центру видим статистику по данному вопросу, также есть фильтры по бюджету и отрасли. На графике отображается сравнительная статистика по выбранному показателю: минимум, значение респондента, среднее, максимум, а также отраслевые бенчмарки APQC и CAPS — это позволяет компании сразу видеть своё положение относительно рынка.
Просмотр данных в процессных вопросах. По каждому процессу отображается ответ респондента и сравнительное распределение результатов — отдельно по участникам отрасли и по всей выборке. Цветовая легенда разделяет три состояния: полностью автоматизировано, частично автоматизировано и в процессе внедрения.
Просмотр данных в вопросах уровня зрелости. По каждому элементу операционной модели отображаются три оценки - респондента, средняя по отрасли и по всей выборке, что позволяет сразу увидеть разрыв между текущим состоянием компании и рыночным ориентиром. Все четыре уровня зрелости с описаниями остаются видны на странице статистики, чтобы результат был понятен в контексте.
График по выбранным ответам вопросов уровня зрелости с возможностью фильтровать по отрасли и бюджету. На интегрированной оценке все направления сведены в единый график.
