Создание корпоративного сайта и личного кабинета клиента для энергосбытовой компании СИМЭСК

Главное о кейсе

Разработали для энергосбытовой компании СИМЭСК корпоративный сайт с личным кабинетом для клиентов.

Сайт стал онлайн-инструментом, который помогает продавать услуги и выстраивать доверительные отношения с пользователями. Личный кабинет реализован внутри нового сайта и позволяет управлять счетами, данными счётчиков и договорами. Пользователи могут быстро передавать показания, оплачивать счета и получать отчёты.

Уже в первые два месяца после запуска бизнес получил новый канал продаж — начали поступать заявки на сотрудничество. Благодаря автоматизации процессов до 20 % времени менеджеров освободилось от рутинных задач, а пользователи отметили удобство и прозрачность взаимодействия с компанией.

Как проект изменил жизнь пользователей

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

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

Бизнес-задача и ее решение

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

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

Крафт (мастерство), реализация, технические детали

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

Перед командой стояла задача написать экспертный, имиджевый контент, вызывающий интерес потенциальных пользователей. Сложность состояла в отсутствии у клиента понимании своего Tone of Voice и редполитики, а также в неактуальности контента на старом ресурсе.

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

В рамках работы над личным кабинетом:
— Команда аналитиков сняла требования с клиента, подготовила список функций и техническое задание для UX-проектировщиков. Также разработала продвинутую ролевую модель, где пользователь может быть «Администратором», «Руководителем» или «Инженером». Для каждой роли подготовили уникальную инструкцию к пользованию личным кабинетом.
— В начале работ зафиксировали принципы, по которым будем развивать дизайн личного кабинета.

Реализация функциональностей включала интеграцию с системой учёта электроэнергии СИМЭСК через 1С. Возникшие проблемы с обработкой большого объёма данных в личном кабинете были решены путём масштабирования базы данных.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

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

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

Скриншоты