Контекст и бизнес-задачи клиента - КТС Кейс
Как мы разработали личный кабинет для Пятёрочки - КТС Кейс
Как мы разработали личный кабинет для Пятёрочки - планшет - КТС Кейс

Контекст и бизнес-задачи клиента

Проблемы, с которыми мы столкнулись

Из этой ситуации выросли четыре задачи, с которыми заказчик пришёл к нам

Как мы разработали личный кабинет для 260 000 сотрудников «Пятёрочки» и масштабировали его на всю X5 Group

Задача
Сделать один удобный личный кабинет для сотен тысяч сотрудников «Пятёрочки»: чтобы через него решались все рабочие вопросы, его можно было быстро обновлять и запускать в разных компаниях холдинга.
1
Набор разрозненных сервисов
Персоналу было сложно постоянно переключаться между интерфейсами: одна программа — чтобы посмотреть смены, другая — чтобы подписать документ, третья — чтобы заказать справку.
2
Сложная архитектура
Старый ЛК был монолитом: любая новая идея ждала своей очереди на разработку. Гипотезы генерировали быстрее, чем ИТ успевал их оцифровывать и выводить в продакшн.
3
Надёжность
Личный кабинет открывают каждый день, а в дни зарплат нагрузка на систему кратно вырастает. Сбой влияет на десятки тысяч людей, которые прямо сейчас не могут посмотреть зарплату или график смен.
1
Сделать интерфейс простым и понятным для массового сегмента — сотрудников розничных магазинов
2
Перевести портал на современную ИТ-платформу, чтобы разные команды могли разрабатывать сервисы параллельно
3
Обеспечить высокую отказоустойчивость системы, чтобы портал выдерживал пиковые нагрузки в дни зарплат
4
Заложить возможность масштабирования на другие бизнес-единицы холдинга без разработки порталов с нуля
Решение
Отказ от монолитной архитектуры и переход на микросервисы, разработка адаптивной дизайн-системы, создание единого ИТ-ядра для всех компаний группы и оптимизация бэкенда под высокие нагрузки.
К моменту старта проекта у «Пятёрочки» уже был личный кабинет сотрудника и набор внедрённых корпоративных систем: SAP для кадровых процессов, WebTutor для обучения, HRO и ещё несколько сервисов.
Логотип Пятерочка - КТС Кейс
Иван Ефремов
Владелец продукта
«Цифровые HR-сервисы»
торговой сети «Пятёрочка»
Для торговой сети «Пятёрочка» личный кабинет является одним из главных сервисов для сотрудников. Они используют его на протяжении всего времени работы в компании. Система испытывает высокие нагрузки, а даунтайм критичен для бизнеса. Поэтому развитие этого сервиса — важная задача для торговой сети.
Для реализации этой важной задачи мы выбрали команду студии KTS и Presium. По итогам выполненных работ подтверждаем положительный опыт сотрудничества с коллегами. Важно отметить высокий профессионализм команды, быстрорастущую компетенцию в HR-области, глубокое понимание поставленной задачи, высокую вовлеченность, неравнодушие, энтузиазм и креативный подход на всех этапах разработки.
Особенно ценно для нас, что вместе мы смогли решить сложную организационную задачу мультикомандной разработки. Коллеги также помогают решать задачи, поставленные другим командам. Командный дух студии KTS и Presium соответствует текущему тренду нашей компании, направленной на цифровую трансформацию.
Из этой ситуации выросли четыре задачи - с которыми заказчик пришёл к нам - КТС Кейс
Логотип - пятёрочка - КТС КЕЙС

Создание удобного рабочего пространства

Мы спроектировали единое цифровое окно и связали его с внутренними системами SAP, WebTutor и HRO. Теперь сотрудникам не нужно заходить в разные программы: графики смен, расчетные листы, отпуска и справки находятся в одном месте.

Интерфейс на языке пользователя

Самый массовый сегмент пользователей ЛК — это работники торговых точек (продавцы, кассиры). Чтобы сделать портал удобным для них, мы отказались от сложного бюрократического языка и перепридумали сервисы.
Тяжеловесный раздел «Расчётные листы» в новой версии называется просто «Деньги». В нем сотрудник легко может посмотреть начисления, списания и выплаты за каждый месяц.
Было
Интерфейс на языке пользователя - было - КТС Кейс
Стало
Интерфейс на языке пользователя - Стало - КТС Кейс
Большинство сотрудников магазинов работают посменно, поэтому мы вывели на первый план удобный «График работы», чтобы люди всегда знали расписание своих выходов.
Было
Большинство сотрудников магазинов работают посменно - Было - КТС Кейс
Стало
Большинство сотрудников магазинов работают посменно - Стало - КТС Кейс

Новый подход к группировке сервисов

Старый ЛК был устроен как витрина: десятки одинаковых плиток находились на одном экране. Чтобы найти нужное, сотруднику приходилось сканировать всю страницу и помнить, где что лежит. Мы ушли от витрины к модульной логике и разложили разрозненные сервисы по пяти функциональным блокам — каждый отвечает за свой тип действий сотрудника.
Новый подход к группировке сервисов 2 - КТС Кейс
Новый подход к группировке сервисов - КТС Кейс
Разделы в боковом меню сгруппировали - КТС Кейс
Разделы
В боковом меню сгруппировали однородный контент (например, собрали в одном месте все сервисы, связанные с отпусками).
Виджеты вывели на главную страницу - КТС Кейс
Виджеты
Самую важную информацию, которая всегда должна быть на виду, вывели на главную страницу.
Задачи и заявки - Мы разделили процессы - КТС Кейс
Задачи и заявки
Мы разделили процессы: в «Задачи» приходят поручения от руководителя и компании, а через «Заявки» сам сотрудник отправляет запросы на согласования.
Уведомления - Все оповещения от сервисов теперь выводятся не только внутри портала - КТС Кейс
Уведомления
Все оповещения от сервисов теперь выводятся не только внутри портала, но и приходят в формате push-уведомлений в мобильном приложении.

Ускорение time-to-market

Мы разделили личный кабинет на отдельные модули и ушли от монолитной архитектуры. Это обеспечило автономность продуктовых команд: теперь разработка разных сервисов ведется параллельно. Одна команда может обновлять раздел отпусков, пока другая работает над расчетными листами, и их релизы не блокируют друг друга.
Переход на микросервисы
Сформировали набор готовых элементов и блоков. Дизайнерам и разработчикам больше не нужно придумывать механизмы работы с уведомлениями, задачами или заявками с нуля. Они собирают новые пользовательские пути из готовых компонентов, что в разы сокращает время на проектирование. В результате в новом ЛК было быстро запущено более 20 новых сервисов.
Внедрение дизайн-системы
«Перед нами стояла непростая задача: нужно было создать удобный инструмент, которым могли бы пользоваться разные команды. Цель — ускорить разработку отдельных модулей личного кабинета. Основные проблемы: быстрое подключение новых команд, автономность и изоляция кода, чтобы модули не влияли друг на друга. Для этого мы разработали набор утилит и компонентов. Для встраивания этих модулей был собран отдельный пакет «Ядро», который служит каркасом приложения и шиной общих данных».
Сергей Чернобровкин
Сооснователь и руководитель Front-end разработки KTS
Сооснователь и руководитель Front-end разработки KTS - КТС Кейс

Масштабирование: от копирования к единому ИТ-ядру

К 2019 году мы вместе с командой заказчика и партнёром по SAP запустили новый ЛК для 260 тысяч сотрудников «Пятёрочки». Продукт заметили другие компании группы — «Перекрёсток», «Чижик», X5 Transport и остальные — и захотели такой же у себя.
В 2022 году мы начали тиражирование и пошли по очевидному пути: под каждую новую бизнес-единицу разворачивали отдельную копию проекта со своими доработками. Архитектурно это казалось безопасным — компании не мешают друг другу, у каждой своя версия. На практике обнаружился обратный эффект. Каждую новую фичу для «Пятёрочки» приходилось тестировать ещё и на всех копиях — вдруг сломается у соседей. Релизный цикл растянулся, команда тратила время не на развитие продукта, а на синхронизацию версий между собой.
Ошибка масштабирования
Мы приняли решение собрать всё в единое ИТ-ядро — один продукт, который умеет обслуживать все бизнес-единицы сразу.
Главный риск такого переезда — испортить опыт людей, которые уже каждый день пользуются ЛК.
Иван Ефремов
Владелец продукта
«Цифровые HR-сервисы»
торговой сети «Пятёрочка»
Логотип Пятерочка - КТС Кейс
«С нашей стороны было несколько ключевых требований. Подключение новых сетей и бизнес-единиц должно было происходить без остановки системы. Никакие данные не должны быть утеряны. Пользователи старого ЛК не должны были лишиться привычных сервисов. Переход должен быть максимально комфортный и понятный: везде, где можно, нужно было добавить подсказки и микролёрнинг».
Перевести сотни тысяч людей на новый портал в один день невозможно. Для бесшовного перехода мы настроили гибридный формат: основную работу сотрудник выполняет в новом интерфейсе, а еще не перенесенные сервисы временно открываются по ссылкам в старом. Для пользователя всё выглядит как единый продукт.
Гибридный режим
Платформа работает на едином движке, но автоматически адаптирует интерфейс под конкретную торговую сеть. Для «Пятёрочки» загружается красно-зеленая палитра, для других брендов — их фирменные цвета и логотипы. Также мы добавили новые корпоративные виджеты, например, блок «Моя команда» для руководителей.
Адаптация под бренд
2
1

Мы реализовали эти требования через два решения

Мы реализовали эти требования через два решения - КТС кейсы
Лапка от kts.tech

Отказоустойчивость: что происходит в день расчётных листов

В крупной рознице один и тот же человек может быть кассиром, наставником для новичков и заместителем директора магазина — и у каждой роли свой набор прав, виджетов и разделов в ЛК.
Поэтому интерфейс не может быть одинаковым для всех. Система каждый раз собирает его под конкретного человека, сверяясь с десятками правил доступа.
Один сотрудник — несколько ролей
Пока сотрудников и правил было немного, механизм работал нормально. Но Л К рос, правил становилось больше, и сервер начал заметно тормозит.
Критичный момент — дни расчётных листов. Десятки тысяч людей одновременно заходят посмотреть зарплату. Портал замедляется ровно тогда, когда он нужнее всего.
Где всё ломалось
Мы реализовали эти требования через два решения - КТС кейсы
что происходит в день расчётных листов - КТС кейсы
«С развитием ЛК правил персонализации становилось всё больше, и сервер тратил заметное время на то, чтобы для каждого входящего пользователя пересчитать их заново. Функция вычисления была синхронной — пока она работала, бэкенд не мог переключиться на другие задачи и ждал. В обычные дни это было незаметно, но в пики, когда десятки тысяч человек заходили одновременно, портал начинал тормозить».
Александр
Backend-разработчик KTS
Backend-разработчик KTS - КТС Кейс
Мы вынесли результаты вычислений в Redis — отдельное хранилище, которое держит данные не на жёстком диске сервера, а прямо в оперативной памяти.
Что сделали
Обычная база данных работает с диском: чтобы достать запись, сервер каждый раз физически обращается к накопителю — это надёжно, но относительно медленно. Redis хранит данные в памяти, где уже работают запущенные программы. Обращение к ней — это единицы миллисекунд вместо десятков и сотен на диск.
Cистема вычисляет правила для сотрудника один раз
Логика простая:
Запоминает результат в Redis
Дальше отдаёт ответ мгновенно

Результаты

Из внутреннего портала в ИТ-платформу для всего холдинга. За несколько лет личный кабинет прошёл путь от тяжёлого монолита одной сети до единого цифрового продукта, на котором сегодня работают сотрудники «Пятёрочки», «Перекрёстка», «Чижика», X5 Tech, Корпоративного Центра и других бизнес-единиц X5 Group.
260 000+
сотрудников «Пятёрочки» в едином ЛК
20+
микросервисов в продукте сегодня
5
продуктовых команд развивают ЛК параллельно
6
бизнес-единиц X5 Group работают на одном ИТ-ядре
Единое пространство вместо разрозненных систем - КТС КЕЙС
Единое пространство вместо разрозненных систем
Сотрудник любой сети холдинга заходит в один ЛК и решает там всё: смены, зарплату, отпуска, документы, обучение. Не нужно помнить, где какой сервис, и переключаться между интерфейсами.
Единое пространство вместо разрозненных систем - КТС КЕЙС
Запуск новых сервисов — в разы быстрее
Микросервисная архитектура и дизайн-система сняли «бутылочное горлышко» разработки. Команды работают параллельно, переиспользуют готовые компоненты и не задерживают друг друга на релизах.
Единое пространство вместо разрозненных систем - КТС КЕЙС
Новая бизнес-единица подключается за недели, а не месяцы
Микросервисная архитектура и дизайн-система сняли «бутылочное горлышко» разработки. Команды работают параллельно, переиспользуют готовые компоненты и не задерживают друг друга на релизах.
Заказать разработку личного кабинета для сотрудников
Не хотите писать? Позвоните нашему менеджеру по телефону +7 903 38-76-555 и расскажите про ваш проект
подбор идеального решения - KTS Studio
АДРЕС ОФИСА:
Москва, рубцовская набережная 3с1
Кнопка со стрелкой - ктс
Кошка - KTS Studio