Внутренняя HR-платформа Балтики – эффективное рабочее пространство для всей команды

«Балтика» — ведущая пивоваренная компания России и один из крупнейших FMCG-производителей. И компания обратилась к нам за редизайном и разработкой внутренней HR-платформы.

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

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

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

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

• упростить доступ к ключевым сервисам,

• заложить основу для дальнейшего развития и масштабирования функциональности.

В процессе работы мы столкнулись с рядом системных проблем:

• пользователям было сложно находить нужные сервисы и функции;

• интерфейс содержал много лишней информации;

• структура кабинета была перегруженной и неочевидной;

• рабочие и управленческие сценарии смешивались;

• визуальный стиль и компоненты устарели.

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

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

В рамках этого подхода:

•  разработали полностью новый, современный интерфейс: от UX-аналитики до front-end разработки;

•  чётко разделили сценарии и функциональность для сотрудников и руководителей с учётом их задач и контекста использования;

•  переработали структуру и навигацию, чтобы нужные сервисы находились быстро и без дополнительных пояснений;

•  упростили пользовательские пути и сократили количество лишних действий;

•  заложили систему аналитики, которая позволяет развивать сервис на основе реального использования.

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

На этапе UX-аналитики мы сосредоточились на главном – разобраться, какие задачи пользователи действительно решают на HR-платформе и как должен работать сервис, чтобы быть понятным и удобным ещё до начала дизайна и разработки.

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

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

В результате сформировалась единая UX-логика сервиса, которая дала команде чёткое понимание ролей, сценариев и направлений дальнейшего развития.

На этапе UX-проектирования команда перевела сформированную UX-логику в конкретные интерфейсные решения и понятные пользовательские сценарии.

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

Далее были разработаны макеты заложенных сценариев — от lo-fi wireframes до детализированных дизайн-макетов с проработкой состояний, переходов и логики взаимодействия. Особое внимание уделили мобильному опыту, так как значительная часть пользователей работает с сервисом со смартфонов.

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

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

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

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

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

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

На этапе создания клиентского слоя HR-платформы мы взяли на себя полный цикл front-end разработки, включая подготовку основы для интеграции с бэк-эндом.

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

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

В результате команда получила устойчивую и масштабируемую front-end основу, готовую к интеграции с back-эндом и развитию функциональности без потери качества пользовательского опыта.

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

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

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

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