Информация о проекте
АРВИС — Национальная ассоциация развития вторичного использования сырья, объединяющая участников рынка для развития практик цикличной экономики в России. Организация помогает увеличивать объёмы утилизации и полезного использования промышленных отходов как вторсырья, продвигает нормативные изменения, формирует цепочки «отход → вторичное сырьё → продукт», ведёт базу технологий и собирает отраслевую аналитику. Ассоциация выступает «точкой сборки» для промышленников, регуляторов и технологических компаний, заинтересованных в превращении отходов в ресурс.
Цели создания сайта:
Перед нами стояла задача разработать информационно-аналитический портал, который бы полноценно представлял деятельность ассоциации и служил рабочим инструментом для профессионального сообщества:
- создать понятную структуру для разделов: «Об ассоциации», «Деятельность», «Аналитика», «Членство»
- разработать систему управления контентом для гибкого наполнения новостей, отчётов, публикаций
- реализовать сложные информационные блоки: галерею кейсов, базу технологий с фильтрацией, интерактивную карту проектов
- обеспечить удобное управление составом органов управления (президиум, экспертный комитет, комиссии)
- предусмотреть возможность дальнейшего расширения функционала без потери производительности
Особенности проекта:
Проект выделяется масштабом и глубиной проработки отраслевой специфики, а также готовностью заказчика постоянно развивать функционал:
- сложная система таксономии — на сайте используются десятки типов записей (новости, публикации, кейсы, технологии, члены ассоциации, органы управления) с разными наборами полей и связями между ними
- кастомные фильтры и поиск — для базы технологий и реестра поставщиков потребовалась реализация многокритериального поиска с выпадающими списками, тегами и сохранением состояния фильтров
- нестандартные графические элементы — разработка интерактивных шкал, диаграмм и прогресс-баров для отображения статусов проектов и целевых показателей
- многоуровневое меню и навигация — в разделе «Деятельность» реализовано левое меню с возможностью гибкой настройки пунктов, включая вложенные подразделы
- отдельный модуль для отчётов по региональным программам — сложная структура данных, включающая пилотные проекты, источники образования отходов, целевые показатели и возможность загрузки файлов
- интеграция с внешними сервисами — подключение Яндекс Метрики, вебмастера, настройка автоматического бэкапирования в облачное хранилище ВК Cloud
Решение:
Проект развивался поэтапно, начиная с базовой структуры и постепенно обрастая новыми разделами по мере роста потребностей заказчика. На старте была создана система управления контентом на WordPress с гибкими типами записей и таксономиями, что позволило сотрудникам ассоциации самостоятельно наполнять сайт без помощи разработчиков.
Для органов управления (президиум, экспертный комитет, комиссии) разработаны кастомные типы записей с возможностью выводить фото, должность, краткую биографию во всплывающих окнах. Предусмотрена сортировка по должностям и группам, а также возможность скрывать страницы до наполнения.
Сложные информационные разделы (база технологий, галерея кейсов, реестр поставщиков) реализованы с использованием кастомных фильтров. Для базы технологий сделана многокритериальная фильтрация по отраслям, типам сырья, уровню готовности — все фильтры работают через AJAX без перезагрузки страницы. В реестре поставщиков реализован поиск по названию и кодам ОКПД-2 с возможностью переключаться между режимами.
Для отчётов по региональным программам спроектирована сложная структура данных, включающая несколько вложенных блоков. Каждый отчёт содержит информацию о пилотных проектах, источниках образования отходов, целевых показателях. Визуализация статусов выполнена в виде цветных шкал и прогресс-баров с автоматическим расчётом процентов и динамическим позиционированием подписей.
Отдельное внимание уделено интерактивным элементам: при наведении на иконки появляются тултипы с детальной информацией, для диаграммы утилизации настроены всплывающие подсказки с абсолютными значениями. Все кастомные элементы адаптированы под мобильные устройства.
В рамках технической поддержки была настроена автоматическая система бэкапирования в облачное хранилище ВК Cloud, развёрнут тестовый стенд для безопасной разработки, проведена оптимизация базы данных и удаление неиспользуемых плагинов. Для повышения безопасности настроена капча на формах и ограничение доступа к административным разделам.
Итоги проекта
Сайт arvis.online превратился в полноценную отраслевую платформу, объединяющую базу знаний, инструменты для профессионального сообщества и витрину успешных практик. Все сложные структуры управляются через понятную админку, а гибкая система фильтров позволяет быстро находить нужную информацию среди тысяч записей. Заказчик получил не просто сайт, а постоянно развивающийся инструмент, готовый к масштабированию под новые задачи.
PHP
HTML
CSS
Javascript
Figma
Arvis.online