Экопортал задумывался как база знаний по промышленной экологии: аналитика, разборы изменений законодательства, практика проверок и решения для предприятий. Материалов становится всё больше, и старый портал перестал с этим справляться: найти нужное было трудно, а выпуск материала требовал знания технических деталей конструктора. Новая версия построена вокруг двух задач — быстро находить нужное среди тысяч публикаций и спокойно выпускать материалы без технических барьеров.
Навигация: весь портал в два клика#
Меню «Разделы» теперь показывает все пять разделов вместе с подразделами и количеством материалов в каждом. На телефоне разделы раскрываются в выезжающей панели.
Поиск доступен с любой страницы: нажмите Ctrl + K или «/» — подсказки появляются по мере ввода: публикации, разделы, эксперты и новости.
Поиск, который понимает русский язык#
Поиск учитывает морфологию: запрос «выбросы» найдёт «выбросов» и «выбросами», «отходы» — «отходов». Совпадения подсвечиваются в заголовке и во фрагменте текста, а результаты разделены на вкладки: публикации, новости, эксперты и разделы.
- ранжирование по релевантности: совпадение в заголовке важнее, чем в тексте;
- точная фраза — в кавычках: «"комплексное экологическое разрешение"»;
- те же фильтры, что в каталоге: регулятор, тип документа, среда, регион и другие.
Каталог и фильтры для большого объёма#
На странице раздела фильтры собраны в боковой панели. У каждого значения — счётчик: сразу видно, сколько материалов останется, если его выбрать. В длинных списках, например среди субъектов РФ или управлений Росприроднадзора, есть поиск.
- выбранные фильтры показываются над выдачей, каждый можно снять одним нажатием;
- периоды «неделя», «месяц», «год» или свои даты;
- сортировка: новые, старые, популярные, по релевантности;
- вид «плитка» или «список» — список удобнее, когда нужно просмотреть много материалов;
- страницы с номерами и ссылкой, которой можно поделиться: фильтры сохраняются в адресе.
Чтение материалов#
Мы переработали страницу публикации, чтобы длинный экспертный текст было комфортно читать и на экране, и на телефоне.
Что появилось#
- оглавление по заголовкам — на широком экране оно закреплено сбоку и подсвечивает текущий раздел;
- время чтения, авторы с должностями и ссылками на страницы экспертов;
- врезки «Важно» и цитаты экспертов, таблицы, файлы для скачивания, аудио и видео;
- фильтры материала — ссылками: нажмите «Росприроднадзор», чтобы увидеть все материалы по теме;
- похожие материалы: сначала выбранные редакцией, затем подобранные автоматически;
- «Поделиться» в Telegram и VK, копирование ссылки и версия для печати.
Мы хотели, чтобы эколог предприятия за пять минут нашёл ответ на рабочий вопрос и понял, что с ним делать.
Подписка: Telegram, почта и RSS#
Следить за новыми материалами можно в Telegram-канале и через RSS — для всего портала и для каждого раздела отдельно. Для будущей e-mail-рассылки уже можно оставить адрес и выбрать разделы и частоту: раз в неделю или сразу после выхода материала. Настроить подписку.
Для редакции: новая панель управления#
Самые большие изменения — в редакционной панели. Мы убрали технические сущности (CSS-классы, шаблоны, «разделы сайта») из рабочих экранов: оформление задаёт дизайн-система, а редактор работает с содержанием.
| Задача | Было | Стало |
|---|---|---|
| Понять, что ждёт действия | Список публикаций с цветными строками | Рабочий стол: «Ждут проверки», «Вернули на доработку», «Запланировано» |
| Найти материал | Прокрутка таблицы | Поиск, фильтры, вкладки статусов со счётчиками, массовые действия |
| Подготовить текст | Конструктор из контейнеров и HTML | Блочный редактор с меню «/» и чистой вставкой из Word |
| Выпустить материал | Меню «Действия» | Кнопка следующего шага для вашей роли и чек-лист готовности |
| Поправить опубликованное | Изменения сразу на сайте | Черновик правок до «Опубликовать изменения», версии с восстановлением |
| Собрать главную | Контейнеры, CSS-классы, размеры в пикселях | Секции с настройками и предпросмотром на трёх размерах экрана |
Редакционный процесс#
У материала всегда видно состояние и следующий шаг: «В работе» → «На проверке» → «Опубликована» или «Запланирована». Выпускающий редактор может вернуть материал на доработку — только с замечанием, чтобы автор понимал, что исправить. Замечания и история версий хранятся рядом с текстом.
Медиатека и заявки#
Файлы загружаются перетаскиванием, для изображений сразу готовятся облегчённые копии. У каждого файла видно, где он используется, — удалить нужный на сайте файл по ошибке нельзя. Заявки с форм попадают во «Входящие»: их можно взять в работу, назначить ответственного и выгрузить в Excel.
HTML-блоки: дашборды и интерактивные материалы#
В конструкторе страниц появилась секция «HTML-код»: в неё можно вставить или загрузить готовый HTML-файл до 10 МБ — дашборд, интерактивную карту, виджет — и показать его на странице портала. Пример — дашборд «Экологическая обстановка в ДФО».
- добавлять и менять код могут только администраторы; выпускающий редактор видит настройки секции и может скрыть её или удалить;
- код работает в изолированном окне: у него нет доступа к учётной записи, данным и остальным страницам портала, а ошибка в коде не ломает сайт;
- блок подстраивается по высоте под содержимое и прокручивается вместе со страницей, закреплённые панели кода встают под шапку портала;
- «Показывать после загрузки» — пока код загружается, на месте блока виден индикатор, а сам блок появляется целиком, без недорисованных графиков.
Что дальше#
В ближайших планах — запуск e-mail-рассылки по выбранным разделам, аналитика по популярности тем и интеграция с сервисами ENV. Если заметили ошибку или хотите предложить улучшение, напишите нам.