Сервисный сайт для энергетической компании
2024–2025
Красэко
Аналитика
UI/UX дизайн
Frontend
Backend
Интеграции
QA
Управление проектами
АО «КрасЭКо» — одно из крупнейших энергетических предприятий в Красноярском крае, которое поставляет электро- и теплоэнергию, а также поддерживает водоснабжение и водоотведение. Компания обслуживает более 200 тыс. потребителей в 24 районах.
Цель
Прошлый сайт не решал задачи бизнеса и потребителей. Было необходимо превратить его из справочного ресурса в полноценный сервисный инструмент, упрощающий взаимодействие с компанией для всех групп аудитории.
Задачи
01
Создать интуитивную структуру, ориентированную на приоритетные сценарии разных групп пользователей (физлица, юрлица, соискатели).
02
Визуализировать масштаб компании через интерактивную карту территории обслуживания.
03
Обеспечить адаптивность и доступность сайта со всех устройств.
04
Разместить большой объем нормативной информации без потери удобства.
Реализация
Проект был выполнен с акцентом на надежность, понятность и сервисность, что критически важно для компании в сфере обслуживания инфраструктуры.
01
Приоритизация аудитории. Выявили ключевые группы пользователей и их цели, что определило структуру и быстрый доступ к нужным функциям (передача показаний, оплата, отключения).
02
Интерактивная карта как ключевой элемент. Для наглядного отражения географии и инфраструктуры предложили реализовать интерактивную карту территории обслуживания с точками присутствия и фильтрами.
03
Работа с большими объемами контента. Продумали, как разместить большое количество информации и нормативных документов без разрушения читаемости и целостности дизайна.
Аналитика
Мы начали с анализа аудитории и ее потребностей. Это позволило сформировать четкую архитектуру проекта:
01
Адаптация айдентики. Существующие бренд-гайды были переосмыслены для цифровой среды: обновленная типографика, сбалансированная цветовая палитра, акцент на крупных фото.
02
Фокус на доступность. Крупные блоки, читаемая типографика и понятная иерархия сделали сайт удобным для массовой аудитории с разным уровнем цифровой грамотности.
03
Сервисный первый экран. Главная страница была спроектирована так, чтобы сократить путь пользователя к ключевым действиям.
Дизайн
Визуальная концепция сочетает сдержанность, свойственную госсектору, с современной цифровой подачей:
Разработка
Технологический стек
Библиотеки
•
CMS и бэкенд: 1С-Битрикс, PHP 8.2, MySQL
•
Фронтенд: Twig, HTML5, CSS3, JavaScript
•
gsap — для анимации
•
select2 — для выпадающих списков
•
magnific popup — для попапов (всплывающих окон)
•
parsley.js — для валидации полей
•
swiper — для слайдеров
•
lenis — для эффекта плавного скролла страниц
•
photoswipe — для фотогалереи
Результаты
•
Мы создали современный сервисный сайт, который стал основным цифровым каналом взаимодействия компании с потребителями.
•
Создано более 10 разделов: сервисные блоки для потребителей, интерактивная карта, пресс-центр, карьерный раздел и другие.
•
Сайт стал единой платформой для всех групп пользователей, снизив нагрузку на офлайн-каналы.
•
По данным на январь 2026 года посещаемость сайта составляет в среднем 13 000 визитов в месяц.
Заключение
АО «КрасЭКо» получило не просто новый сайт, а инфраструктуру, которая отражает масштаб компании, упрощает взаимодействие с потребителями и закладывает основу для будущего развития сервисов.
Команда
Руководитель проекта
Юлия Евсеева
Арт-директора
Петр Мострюков
Елена Пономарева
Ведущий дизайнер
Янина Юллинен
Дизайнер
Александра Кочанова
Техлид
Владислав Беспалов
Frontend-разработчики
Эмиль Тухватуллин
Нина Альтенталлер
Мария Меркушова
Backend-разработчик
Наталия Нерух
QA-специалист
Роман Мысов
Редактор
Александр Смолей
Контент-менеджеры
Иван Петров
Александр Аболемов
Тимлид SEO
Максим Липатов
Системный администратор
Кирилл Шушкин
Кейсы
Kaspersky
Интерактивный лендинг-консультант для мирового лидера в области кибербезопасности
Водокомфорт
Корпоративный сайт для одного из лидеров рынка инженерного оборудования
Атриум
Единый цифровой хаб для промышленного холдинга
Kept 35
Лендинг к 35-летию Kept — визуальная история аудиторско-консалтинговой компании
НЛМК
Лендинг социального проекта «Дружный двор»
Комментарии к статье
Комментарии: 0