Корпоративный сайт ресурсо­снабжающей организации

АО «СЕВЭНКО» — ресурсоснабжающая организация, которая обеспечивает электроэнергией несколько городов и районов Ямало-Ненецкого автономного округа, а Ноябрьск также теплом, газом и водой.

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

Была поставлена задача разработать сайт, который станет основным цифровым каналом взаимодействия с жителями и бизнесом, а именно:

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

2. Внедрить калькулятор стоимости технологического присоединения к сетям.

3. Реализовать удобный модуль отключений с фильтрацией и массовой загрузкой данных из Excel.

4. Перенести с текущего сайта все новости, документы и медиаматериалы без потерь.

Аналитика

Мы детально исследовали потребности основных групп пользователей: частных заявителей, бизнес-потребителей, сотрудников администрации, журналистов и соискателей. На основе этой информации определили структуру будущего сайта, состав и логику калькулятора, а также правила работы раздела отключений. Отдельно прорабатывали ролевую модель: для каждого города и направления деятельности предусмотрели свой функционал.

Дизайн

Основная задача интерфейса — помочь пользователю быстро сориентироваться в большом массиве информации. Никаких визуальных экспериментов — только четкая структура и хорошо читаемая типографика. Верстка адаптирована под три диапазона разрешений: мобильные устройства (от 320 до 639 пикселей), планшеты (от 640 до 1023 пикселей) и десктоп (от 1024 пикселей и выше).

Калькулятор

Один из ключевых модулей сайта — калькуляторы, которые рассчитывают предварительную стоимость подключения к теплоснабжению, ГВС, ХВС, водоотведению. Благодаря этому пользователь может последовательно ввести все необходимые параметры:

• подключаемая нагрузка, протяженность, способ прокладки — для ГВС, ХВС и водоотведения;

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

Расчет происходит на стороне бэкенда и отображается сразу после ввода всех данных. Это избавляет заявителя от необходимости ждать ответа менеджера и позволяет еще до подачи заявки оценить порядок цифр.

Модуль отключений

Для информирования жителей о плановых и аварийных отключениях мы создали раздел, который агрегирует данные по всем направлениям деятельности компании: электричество, тепло, вода, газ.

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

С точки зрения администрирования мы предусмотрели массовую загрузку данных через Excel-файл. Редактор заполняет шаблон (тип, дата, период, населенный пункт, отключаемые потребители) и загружает его в админпанель — система сама распределяет записи по дням, городам и направлениям.

Раскрытие информации

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

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

Миграция данных

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

Поскольку архитектура нового сайта существенно отличалась от legacy-версии, прямой перенос данных был невозможен. Для решения задачи мы разработали миграцию на базе модуля Sprint Migration, дополненную кастомной логикой трансформации данных. Перенос выполняли поэтапно, с возможностью повторного запуска и контролем целостности данных.

Часть контента предварительно преобразовывали в структурированные форматы JSON/XML для последующей обработки и адаптации под новую модель данных. Для отдельных сущностей использовали прямую загрузку информации с production-сайта в момент выполнения миграции, что позволило минимизировать риск рассинхронизации данных.

Отдельное внимание мы уделили legacy HTML-контенту. Поскольку часть информации хранилась в устаревшем и неоднородном формате разметки, разработали специализированный parser pipeline для нормализации данных. В процессе обработки удаляли лишние HTML-элементы, очищали невалидную разметку и выполняли адаптацию контента под новую DOM-структуру и требования обновленной верстки.

Безопасность

Для защиты административного доступа мы внедрили двухфакторную аутентификацию — через SMS или TOTP-приложение. На уровне приложения предусмотрена защита от SQL-инъекций, XSS и DDoS-атак, настроено принудительное использование HTTPS. По требованию заказчика в готовой сборке исключено использование иностранных CDN-скриптов.

Новый сайт АО «СЕВЭНКО» выполняет роль цифрового офиса компании. Потребители получили возможность самообслуживания. Калькуляторы позволяют за несколько минут оценить стоимость подключения к услугам без звонка в офис. Информация об отключениях, документах и вакансиях доступна в любой момент. Также массовая загрузка отключений из Excel и гибкая ролевая модель сняли с администраторов сайта большую часть ручной работы.