Без cookies никак!
Они помогают улучшить сервис для вас. Продолжая использо­вать сайт, вы даете свое согласие на работу с этими файлами. Политика обработки персональных данных

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

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

Проблема

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

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

Цель

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

Задачи

Аналитика

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

Дизайн

Основная задача интерфейса — помочь пользователю быстро сориентироваться в большом массиве информации. Никаких визуальных экспериментов — только четкая структура и хорошо читаемая типографика. Верстка адаптирована под три диапазона разрешений: мобильные устройства (от 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 и гибкая ролевая модель сняли с администраторов сайта большую часть ручной работы.

Команда

Руководитель проекта
Анна Киреева
Ведущий аналитик
Дмитрий Горохов
Арт-директор
Петр Мострюков
Дизайнеры
Анна Долганова
Янина Юллинен
Александра Кочанова
Ведущий frontend-разработчик
Эмиль Тухватуллин
Frontend-разработчик
Дмитрий Мекеров
Ведущий backend-разработчик
Олег Викторов
Backend-разработчики
Александр Мечинзов
Максим Глушков
Редактор-копирайтер
Александр Смолей
QA-специалист
Анна Питернова
Системный администратор
Кирилл Шушкин

Кейсы

Дизайн Управление проектами
90%

задач закрыты за 1–2 рабочих дня

0–1

среднее количество итераций правок на задачу

Купер

Дизайн-поддержка для «Купера»

Аналитика UI/UX дизайн Frontend Backend Управление проектами
20

регионов присутствия

100+

благотворительных проектов

Черкизово

Сайт благотворительного фонда

Аналитика UI/UX дизайн Frontend Backend QA
1

месяц с нуля до запуска сайта

1

неделя на дизайн концепцию

Логика молока

Карьерный сайт с интеграцией в систему автоматизации подбора

Аналитика UI/UX дизайн Frontend Backend Управление проектами
200 тыс.

потребителей

13 тыс.

визитов в месяц

Красэко

Сайт для одного из крупнейших энергетических предприятий Красноярского края

Аналитика UI/UX дизайн Frontend Backend Управление проектами
топ-4

мировых производителей защитного ПО

№1

на российском рынке

Kaspersky

Интерактивный лендинг-консультант для мирового лидера в области кибербезопасности

Аналитика UI/UX дизайн Frontend Backend
25+ лет

история компании

2–3

клика – путь до любой информации

Водокомфорт

Корпоративный сайт для одного из лидеров рынка инженерного оборудования

Расскажите
о вашем проекте