Разработка карьерного сайта «Пятёрочки» для массового подбора персонала

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

В 2023 году «Пятёрочка» объявила тендер на создание собственного карьерного сайта для публикации вакансий и массового подбора сотрудников. Evrone выиграла тендер и взяла на себя полный цикл работ: от проектирования и дизайна до frontend-, backend-разработки и DevOps.

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

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

Основными целями проекта стали:

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

Нулевой спринт

UI/UX дизайн

Веб дизайн

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

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

Наша команда работала совместно с представителями подразделений массового рекрутмента и HR-бренда «Пятёрочки». Такой формат позволил нам одновременно учитывать практические потребности рекрутеров и общую стратегию компании в области найма.

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

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

Для управления контентом мы использовали PayloadCMS. Заказчик уже применял эту open-source CMS в других системах X5 Group, а платформа соответствовала требованиям службы информационной безопасности.

Мы расширили возможности PayloadCMS и использовали её как основу для движка сайта и собственного конструктора:

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

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

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

Большую часть проекта составили интеграционные задачи. Мы связали карьерный сайт с внутренними системами заказчика и адаптировали архитектуру под корпоративные процессы X5 Group. В частности, мы интегрировали Skillaz и Kafka для автоматизации публикации вакансий.

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

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

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

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

Мы также добавили:

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

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

DevOps-часть проекта мы реализовали с учётом технических стандартов X5 Group. Мы получили пустой Kubernetes-кластер и самостоятельно подготовили необходимое окружение.

Наша команда:

• развернула базы данных и необходимые сервисы;
• настроила CI/CD на базе GitLab CI/CD;
• организовала автоматическое развёртывание сборок в dev-тестовом кластере;
• интегрировала Kafka;
• настроила Vault для хранения секретов;
• подключила логирование и передачу метрик;
• подготовила автоматизацию окружений и deployment-процессов.

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

Технологический стек проекта включил TypeScript, Node.js, React, Next.js, Fastify, MongoDB с Mongoose ODM, PayloadCMS, Supertest и Jest.

React

Node.js

DevOps

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

Evrone разработала и запустила единый карьерный сайт «Пятёрочки», который заказчик использует для задач массового подбора персонала.

В результате проекта компания получила:

• собственную карьерную платформу вместо разрозненного размещения вакансий на сторонних ресурсах;
• автоматическую публикацию вакансий через интеграцию со Skillaz и внутренними системами;
• возможность получать отклики соискателей непосредственно через карьерный сайт;
• поиск вакансий с учётом геолокации и радиуса 30 км;
• гибкую систему фильтрации и ранжирования вакансий;
• универсальный конструктор посадочных страниц для рекрутинговых кампаний;
• возможность создавать персонализированные страницы для разных целевых групп;
• CMS для самостоятельного управления контентом, блоками и навигацией;
• инфраструктуру, работающую в соответствии с техническими стандартами X5 Group;
• автоматизированные процессы сборки и развёртывания приложений;
• интеграцию с корпоративными сервисами, включая Kafka и Vault;
• техническую документацию для дальнейшего развития и поддержки решения.

Основные работы по договору мы завершили, но сотрудничество Evrone и «Пятёрочки» продолжается. Наша команда вместе с представителями заказчика развивает проект и совершенствует пользовательский опыт.

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

CRM

HR-Tech решения

Retail