HRPO: разработали сайт, который превращает сложный рекрутинг в понятный маршрут

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

Цели проекта:

Разделить аудитории.

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

Показать отраслевую экспертизу.

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

Объяснить экономику услуги.

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

Сократить путь до обращения.

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

Обычный корпоративный сайт здесь не работает.

01. Две стороны рынка

Работодатель ищет результат найма, соискатель — работу или карьерный маршрут. Их нельзя вести по одной странице и одним сообщением.

02. Доверие формируется до звонка

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

03. Отрасли требуют разного языка

IT, банки, производство, логистика, юриспруденция и HoReCa отличаются ролями, компетенциями и логикой оценки кандидата.

04. Услуга сложнее одной формы

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

Четыре маршрута вместо одного каталога

Мы построили информационную архитектуру вокруг реальных точек входа.

Работодателям — подбор персонала, оценка кандидатов и кадровый консалтинг.

Соискателям — вакансии, помощь в поиске работы и карьерное консультирование.

Отраслевой подбор — отдельные страницы под контекст бизнеса и конкретные специализации.

Трудовые споры — разные сценарии для физических и юридических лиц.

Сайт сразу спрашивает пользователя: «Какую задачу вы хотите решить?»

Отраслевая архитектура

От общего рекрутинга — к конкретной роли

На верхнем уровне пользователь выбирает одну из 13 отраслевых групп:

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

Дальше структура углубляется до специализаций и конкретных ролей. В IT-направлении, например, предусмотрены страницы по 1С-разработке, Data Science и AI, информационной безопасности, IT-менеджменту, мобильной разработке, тестированию, системному администрированию и веб-дизайну. Есть отдельные страницы под Python, Java, PHP, Golang, Ruby, Rust и JavaScript разработчиков, DevOps и SRE-инженеров, CTO, CIO и другие позиции.

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

По актуальной XML-карте сайта проект содержит более 1660 индексируемых URL.

Главная страница

Сначала условия, потом обещания

Первый экран отвечает на четыре вопроса, которые определяют решение работодателя:

• где работает агентство — по всей России;

• когда появятся первые кандидаты — через 2 дня;

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

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

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

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

Процесс подбора

Показали работу как управляемую последовательность

Мы разложили услугу на пять этапов:

1 согласование условий и заключение договора;

2 предварительный отбор по навыкам, опыту и требованиям;

3 интервью, тестирование и оценка кандидатов;

4 передача релевантных резюме с отчетами;

5 гарантийное сопровождение и бесплатная замена, если кандидат не пройдет испытательный срок.

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

Так абстрактная услуга становится совместным процессом с понятными зонами ответственности.

Коммерческие условия

Убрали неопределенность до первого контакта

На сайте открыто показана логика стоимости:

• подбор топ-менеджеров — 10% годовой зарплаты сотрудника;

• подбор менеджеров среднего звена — один совокупный месячный доход кандидата;

• подбор линейного персонала — на индивидуальных условиях.

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

Задача этих блоков — не заменить консультацию, а снять базовые возражения до нее.

Контентная система

Сайт продолжает работать после запуска

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

Глобальный поиск доступен из шапки сайта и помогает быстро находить материал внутри большой структуры.

Контентная архитектура решает сразу три задачи:

• подтверждает практическую экспертизу агентства;

• дает поиску отдельные релевантные страницы под конкретные запросы;

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

Визуальная система

Деловая ясность без кадрового канцелярита

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

• #07365F — глубокий синий;

• #F3F7FF — светлая база;

• #DCE8F7 — информационные подложки;

• #F36A4A — CTA-акцент.

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

Ключевая задача — сделать профессиональную услугу понятной и доступной, а целевые действия очевидными для пользователя.

UX-решения

Каждый элемент отвечает на вопрос пользователя

Разделение аудиторий

Работодатели, соискатели и участники трудовых споров получают собственные входы и контент.

Отраслевой выбор

Вместо обезличенного перечня вакансий пользователь начинает с контекста своего бизнеса.

Условия рядом с действием

Сроки, стоимость и гарантии находятся в той же логике, что и форма обращения.

Глобальный поиск

Большой объем страниц остается доступным без прохода по многоуровневому меню.

Повторяемые точки конверсии

Формы и CTA появляются после смысловых блоков, когда у пользователя уже есть контекст для решения.

Юридическая прозрачность

На сайте доступны оферта, согласие на обработку персональных данных, политика конфиденциальности и политика cookie.

Техническая основа

Проект разработан с использованием современных технологий и практик UI/UX экспретизы:

• Nuxt;

• используется автоматически формируемая XML-карта сайта;

• предусмотрены вложенные URL для отраслей, специализаций и ролей;

• статические ресурсы и API-разделы четко разграничены;

• поддерживаются изображения WebP;

• разработан функционал глобального поиска;

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

Сложная услуга получила понятный интерфейс

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

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

Соискатель получает отдельный поэтапный маршрут взаимодействия.

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

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

Сильная сторона проекта не в количестве экранов, а в связи трех уровней:

1 бизнес-модель переведена в понятные условия и гарантии;

2 сложная услуга разложена на сценарии и зоны ответственности;

3 отраслевая экспертиза масштабирована до конкретных специализаций и ролей.