B2C Platform20236 месяцев

Цифровой портал энергосервиса

За 3 клика к электросети

Разработали интуитивный веб-портал для энергосетевой компании региона, который позволяет людям пенсионного возраста подключить дом к электросети за 3 клика — без визита в офис и бумажной волокиты.

Цифровой портал энергосервиса
Проблема

Задача

До запуска портала процесс технологического присоединения к электросетям был "аналоговым"

  • Граждане стояли в очередях в офисах энергокомпании
  • Заполняли бумажные заявки с множеством полей
  • Пожилым людям (основная аудитория частного сектора) приходилось повторно приходить для уточнения статуса
  • Компания теряла лояльность клиентов из-за долгого Customer Journey Map
Цель: Создать максимально простой цифровой сервис для B2C-сегмента, который позволит людям возрастной категории 55+ самостоятельно подать заявку на подключение дома к электросети без стресса и посещения офиса.
Решение

Решение

Мы подошли к задаче как к социально значимому продукту, где каждая деталь UX тестировалась на целевой аудитории

Упрощенная подача заявок

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

  1. Клик 1: Выбор услуги из визуального каталога (большие карточки, иконки)
  2. Клик 2: Заполнение минимальной формы (адрес, телефон, мощность)
  3. Клик 3: Подтверждение отправки
Упрощенная подача заявок

Инклюзивный UX-дизайн

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

  • Крупные шрифты и контрастные цвета для людей с ослабленным зрением
  • Понятные формулировки вместо бюрократических терминов ("Подключить дом" вместо "Технологическое присоединение объекта")
  • Минимум полей в формах (автозаполнение по адресу, выпадающие списки вместо ручного ввода)
Инклюзивный UX-дизайн

Интерактивная карта филиалов

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

Интерактивная карта филиалов

Личный кабинет с отслеживанием

Клиент видит статус заявки в режиме реального времени: Принята → В обработке → Выполнена. Email-уведомления на каждом этапе через Yandex SMTP.

  1. Принята - заявка зарегистрирована в системе
  2. В обработке - менеджер рассматривает заявку
  3. Выполнена - услуга оказана
Личный кабинет с отслеживанием

Административная панель

Менеджеры компании обрабатывают заявки через удобный бэк-офис с фильтрами по региону, дате, статусу. Массовые операции (отправка уведомлений, экспорт в Excel). Управление услугами, филиалами, документами.

Административная панель
Ключевая особенность

3 клика до цели

Не маркетинг, а архитектурное решение

Большинство госуслуг требуют

  1. 1Регистрацию
  2. 2Подтверждение email
  3. 3Заполнение профиля
  4. 4Выбор услуги
  5. 5Заполнение формы
  6. 6Подпись через ЕСИА

Наше решение

  1. 1Главная → Кнопка "Подключить дом"
  2. 2Форма с 4 полями (адрес, телефон, мощность, комментарий)
  3. 3"Отправить заявку" → Готово!

Технические решения

Отложенная регистрация

Заявка создается анонимно, пользователь регистрируется после, если хочет отслеживать статус

Автозаполнение адресов

API подсказок адресов (клиент вводит только улицу, система сама подтягивает регион/город)

Email как ID

Достаточно одного email для связи — не нужны паспортные данные "на входе"

Умная валидация

Форма проверяет поля на лету (зеленая галочка появляется сразу, клиент понимает, что все правильно)

Технологии

Стек Технологий

Backend (API & Business Logic)

TypeScriptЯзык программирования
NestJS 8Модульная архитектура, Dependency Injection
PostgreSQLБаза данных с Sequelize ORM
JWT + Passport.jsАутентификация и защита личных кабинетов
NodemailerEmail-уведомления через Yandex SMTP, шаблоны на EJS
Swagger/OpenAPIAPI документация для интеграций

Frontend (User Interface)

Next.js 12SSR для SEO, быстрая загрузка страниц
React 17UI библиотека
SWRКэширование запросов, работа офлайн
next-iron-sessionБезопасные сессии
Framer MotionПлавные анимации для комфортного UX
Sass/SCSSАдаптивный дизайн, модульные стили

DevOps & Deployment

On-Premise инфраструктураРазвертывание в защищенном контуре компании
DockerКонтейнеризация приложения
NginxReverse proxy, SSL/TLS, load balancing
CI/CD PipelineАвтоматизация сборки и развертывания
Impact

Результаты

Количественные

Рост числа заявок

Клиенты стали чаще обращаться, т.к. "теперь можно не выходя из дома"

Снижение нагрузки на офисы

Меньше очередей, менеджеры фокусируются на сложных кейсах

Качественные

Повышение удовлетворенности клиентов

Положительные отзывы от возрастной аудитории

Наконец-то можно подать заявку самому, без похода в офис

Улучшение имиджа госуслуг

Даже Россети сделали нормальный сайт!

Даже Россети сделали нормальный сайт!

Социальная значимость

Цифровая доступность для пожилых людей (принцип инклюзивности)

Экспертиза

Что мы продемонстрировали как студия

UX для нестандартных аудиторий

Разработка для людей 55+ требует другого подхода, чем для tech-savvy пользователей

Упрощение сложных процессов

Взяли бюрократический процесс и сделали его человечным

Full-stack разработка

От PostgreSQL до адаптивной верстки

Production-ready системы

Не MVP, а полноценный продукт на весь регион

Social Impact Tech

Технологии, которые делают жизнь людей лучше

Хотите такой же проект?

Обсудим вашу задачу бесплатно