HR-портал «Уралэнергосбыта»: персонализированное цифровое пространство сотрудника на базе Битрикс24 Enterprise

1. Вводная задача от заказчика, проблематика, цели

О заказчике

ООО «Уральская энергосбытовая компания» («Уралэнергосбыт»)— гарантирующий поставщик электроэнергии на территории Челябинской области, за исключением территории Магнитогорского энергоузла.

Компания работает с масштабной распределенной инфраструктурой: на официальном сайте указано более 1,7 млн потребителей, 48 офисов обслуживания и присутствие в 41 городе. Для организации такого масштаба особенно важны единое информационное пространство, доступность корпоративных сервисов и эффективные внутренние коммуникации.

Исходная ситуация

На момент старта проекта корпоративный контур на базе Битрикс24 Коробочная версия Enterprise уже использовался заказчиком. В системе существовали отдельные корпоративные сервисы, информационные разделы и рабочие инструменты, однако полноценного современного HR-портала, объединяющего основные сценарии взаимодействия сотрудника с компанией, не было.

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

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

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

Цели проекта

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

В рамках проекта требовалось:

• провести аналитику существующего корпоративного портала и пользовательских сценариев;
• разработать новую информационную архитектуру HR-портала;
• спроектировать UX ключевых разделов;
• разработать уникальный дизайн в фирменном стиле «Уралэнергосбыта»;
• модернизировать главную страницу;
• реализовать персонализируемое пространство сотрудника;
• структурировать доступ к внутренним корпоративным сервисам;
• создать новые HR-разделы и универсальные контентные шаблоны;
• реализовать инструменты для обучения и профессионального развития;
• создать механики признания достижений сотрудников;
• сохранить интеграцию HR-портала с существующей инфраструктурой Битрикс24;
• обеспечить возможность дальнейшего самостоятельного развития и наполнения портала командой заказчика.

Проект требовал глубокой кастомизации коробочной версии Битрикс24 и одновременно аккуратной работы с уже существующей корпоративной инфраструктурой.

2. Описание реализации кейса и творческого пути по поиску оптимального решения

Аналитика и проектирование

Работу начали с анализа действующей системы.

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

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

При проектировании учитывался важный принцип: HR-портал не должен превращаться в еще одну отдельную информационную систему. Он должен стать удобной точкой входа в уже существующую цифровую среду компании.

Поэтому часть действующих инструментов Битрикс24 и корпоративных сервисов была сохранена, но доступ к ним был переорганизован и встроен в новый пользовательский интерфейс.

Разработали новый UX/UI HR-портала

Для проекта был разработан индивидуальный интерфейс в фирменном стиле «Уралэнергосбыта».

Мы переработали ключевые сквозные элементы портала:

• верхнюю навигацию;
• пользовательскую область;
• боковое меню корпоративных сервисов;
• футер;
• структуру главной страницы;
• систему карточек и виджетов;
• типовые внутренние страницы;
• интерфейсы специализированных HR-разделов.

Новый дизайн был не просто визуальной оболочкой Битрикс24. Под него была переработана структура страниц, навигация, принципы взаимодействия с контентом и пользовательские сценарии.

В результате стандартная корпоративная среда Битрикс24 получила собственный employee experience, соответствующий фирменному стилю заказчика.

Персонализировали главную страницу для каждого сотрудника

Одним из ключевых решений проекта стала персонализируемая главная страница HR-портала.

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

Пользователь может выбирать необходимые информационные блоки и менять их расположение. Персональные настройки сохраняются в его профиле Битрикс24.

На главной странице могут отображаться актуальные корпоративные публикации, объявления, мероприятия, новости, информация о сотрудниках и другие HR-виджеты.

Для реализации интерактивной части главной страницы использован отдельный frontend-компонент на React, получающий необходимые данные через API. Настройки состава и порядка виджетов связаны с профилем пользователя Битрикс24.

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

Создали единый каталог возможностей для сотрудников

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

В едином цифровом пространстве были объединены направления профессионального и корпоративного развития:

• обучение;
• программы развития;
• управление талантами;
• социальные программы;
• внутренние возможности;
• корпоративные мероприятия;
• карьерные возможности;
• внутренние инициативы.

Это позволило уйти от структуры, построенной вокруг подразделений и внутренних названий процессов, к интерфейсу, ориентированному непосредственно на потребности сотрудника.

Структура соответствующих разделов была подробно спроектирована в рамках проекта.

Разработали блок адаптации новых сотрудников

Отдельное направление проекта — создание цифровой точки входа для новых сотрудников.

Раздел «Добро пожаловать в команду» объединяет необходимую информацию для первых этапов работы в компании и помогает новому сотруднику быстрее ориентироваться в корпоративной среде.

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

Таким образом, HR-портал стал использоваться не только как информационный ресурс, но и как инструмент employee experience начиная с первых дней работы.

Создали цифровую среду обучения и развития

Большой блок проекта был посвящен обучению сотрудников.

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

Сотрудники могут знакомиться с доступными программами и курсами и подавать заявки непосредственно через HR-портал.

Для HR-команды предусмотрены инструменты управления программами, потоками обучения и зарегистрированными участниками.

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

Дополнительно был разработан Корпоративный центр обучения с управляемой структурой направлений и контентными блоками.

Реализовали направление «Управление талантами»

HR-портал стал площадкой не только для информирования сотрудников, но и для поддержки внутренних программ развития.

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

Это позволило превратить существующие HR-инициативы в полноценные цифровые сервисы внутри корпоративной среды.

Создали систему признания достижений сотрудников

Одним из наиболее заметных HR-модулей проекта стала система представления корпоративных и профессиональных достижений.

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

Дополнительно была спроектирована и реализована система корпоративных бейджей.

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

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

В результате профиль сотрудника стал не просто учетной карточкой Битрикс24, а элементом корпоративной культуры признания.

Переработали контентную архитектуру портала

Чтобы HR-команда могла самостоятельно развивать портал после запуска, мы создали систему управляемых контентных страниц.

Для разных типов материалов были предусмотрены унифицированные интерфейсные элементы:

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

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

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

Интегрировали HR-портал в существующий цифровой контур

Важной особенностью проекта стало то, что новая HR-платформа не создавалась изолированно.

Портал был встроен в уже работающий корпоративный контур Битрикс24 и связан с используемыми компанией внутренними сервисами.

Сотрудник продолжает работать с привычными инструментами, однако получает к ним доступ через обновленное единое пространство.

В рамках интерфейса используются данные профиля пользователя Битрикс24, корпоративные уведомления и другие системные сущности. Для отдельных HR-сценариев предусмотрено получение информации из смежных корпоративных систем.

Такой подход позволил сохранить накопленные заказчиком инвестиции в Битрикс24 и одновременно существенно расширить возможности платформы.

Техническая реализация

Проект потребовал комплексной разработки поверх стандартной коробочной версии Битрикс24 Enterprise.

В решении использованы:

• кастомизация интерфейсов Битрикс24;
• разработка собственного frontend-интерфейса;
• React-компоненты для интерактивной персонализируемой главной страницы;
• API-взаимодействие между frontend и backend;
• пользовательские настройки, связанные с профилями Битрикс24;
• инфоблоки и Highload-блоки для управляемых сущностей;
• собственные компоненты и шаблоны;
• динамические контентные блоки;
• формы и автоматизированные пользовательские сценарии;
• интеграция с существующими сервисами корпоративного контура.

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

Что было особенно сложным

Главная сложность проекта заключалась не в создании отдельного HR-сайта, а в глубокой модернизации уже существующей enterprise-среды.

Необходимо было одновременно:

• сохранить действующие корпоративные сервисы;
• не нарушить привычные рабочие процессы;
• переработать пользовательский опыт;
• сформировать новую информационную архитектуру;
• создать визуально самостоятельный продукт;
• обеспечить персонализацию;
• встроить новые HR-сценарии;
• оставить решение управляемым для внутренних специалистов заказчика.

Фактически стандартный корпоративный Битрикс24 был расширен до специализированной HR-платформы, сохранив при этом преимущества единой корпоративной системы.

3. Результаты сотрудничества

«Уралэнергосбыт» получил современный HR-портал, интегрированный в существующий контур Битрикс24 Enterprise.

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

В одном интерфейсе объединены корпоративные коммуникации, обучение и развитие, программы управления талантами, адаптация новых сотрудников, достижения, корпоративные сервисы и другие HR-направления.

HR-команда получила инструменты самостоятельного управления значительной частью контента, а техническая архитектура позволяет развивать портал и последовательно подключать новые сценарии.

Для сотрудников портал стал единой точкой взаимодействия с компанией, а для HR — полноценной цифровой платформой для развития корпоративной культуры и employee experience.