Разработка раздела «Карьера» для сайта системного интегратора Comitas

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

Очередным этапом разработки сайта для системного интегратора Comitas стало создание раздела «Карьера». Теперь это собственный канал найма: раздел рассказывает о компании, «прогревает» кандидата и собирает резюме напрямую в базу HR-отдела — в том числе «на будущее», от тех, для кого подходящей вакансии пока нет.

С компанией Comitas, ведущим системным интегратором в области складской и производственной логистики, мы работаем уже много лет. За это время мы создали и постепенно усовершенствовали B2B-сайт с детальным каталогом решений, мультиязычностью и отраслевой навигацией.

Сайт был заточен под продажи: привлечение клиентов, демонстрация выполненных проектов, генерация заявок. Но по мере роста компании — а ее штат увеличился на 37% за предыдущий год — перед бизнесом встала еще одна задача: постоянный набор специалистов.

Исторически основным каналом найма были внешние платформы — карьерные сайты вроде HeadHunter. Но у этого подхода есть ограничения:

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

Требовалось усилить роль собственного сайта Comitas как канала привлечения кадров: создать раздел «Карьера», который будет работать как полноценный HR-лендинг — рассказывать о компании, раскрывать корпоративную культуру, прогревать кандидата и вести его к отклику. 

Bitrix

• Спроектировать структуру HR-лендинга, которая ведет кандидата по воронке: от первого знакомства с деятельностью компании к пониманию культуры и ценностей, затем — к просмотру вакансий и отклику.
• Презентовать масштаб бизнеса наглядно: перевести сухие факты о компании (уставной капитал, количество проектов, число сотрудников, оборот) в визуальный блок, который сразу показывает кандидату уровень работодателя.
• Раскрыть корпоративную культуру: презентовать ключевые преимущества работы в Comitas, отойдя от стандартных формулировок «дружный коллектив» и «конкурентная зарплата».
• Детально описать социальный пакет и условия.
• Выделить программу для студентов: показать, что Comitas открыт для молодых специалистов (оплачиваемые стажировки с официальным оформлением), и снять страх «первого рабочего места».
• Создать удобную витрину актуальных вакансий с возможностью как перейти к отклику на внешней платформе (hh.ru), так и отправить резюме напрямую через форму на сайте.
• Сохранить единый визуальный код: раздел должен органично вписываться в дизайн-систему основного сайта, но при этом выглядеть более «живым» и человечным, чем продуктовые страницы.
• Обеспечить адаптивность и высокую скорость загрузки, сохранив стандарты, заложенные при разработке основного сайта.

Работу начали с проектирования пользовательского пути (CJM) кандидата. В отличие от продуктового сайта, где посетитель изучает каталог и сравнивает решения, на HR-лендинге работает другая логика: человека нужно «прогреть» — от первого знакомства к пониманию культуры и только потом к отклику.

На этапе проектирования стало ясно, что без перегруза все согласованные с клиентом блоки в одну страницу не уместить. Поэтому мы собрали раздел из четырех страниц: главная «Карьера» коротко проводит кандидата по всем темам, а подробности вынесли на отдельные — «Взгляд изнутри», «Студентам», «Вакансии».

Структуру выстроили как воронку:

• Масштаб: сразу показываем уровень компании — блок «COMITAS в цифрах», чтобы кандидат за секунды оценил, с кем имеет дело.
• Команда: отдельная страница «Взгляд изнутри» с реальными фото и историями сотрудников снимает вопрос «что происходит внутри компании?».
• Условия: детальный соцпакет, возможности роста, программа стажировок для студентов. 
• Действие: на странице «Вакансии» разместили витрину актуальных предложений и форму отправки резюме, чтобы конвертировать интерес в отклик. Здесь же объяснили, как пошагово устроен процесс отбора в Comitas.

Такая последовательность не случайна: если бы мы начали страницу сразу со списка вакансий, кандидат видел бы обезличенные карточки — ровно то же самое, что на hh.ru. Наша задача была в том, чтобы к моменту, когда человек долистал до вакансий, он уже понимал, почему хочет работать именно в Comitas.

Связали страницы раздела сквозной навигацией. Чтобы четыре страницы работали как единое целое, мы добавили фирменное красное меню с пунктами «Карьера», «Вакансии», «Студентам», «Взгляд изнутри». Здесь использовали тот же прием, что и в продуктовом разделе основного сайта. Меню всегда под рукой, и кандидат переключается между подразделами без возврата на главную. Это особенно важно для соискателя, который «гуляет» по разделу: посмотрев культуру, он в один клик переходит к вакансиям или на страницу для студентов.

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

Здесь мы решили две задачи:

1. Отобрали метрики, которые отвечают на неявные вопросы кандидата. Не все цифры одинаково полезны для соискателя, поэтому мы выбрали именно те, что закрывают его главные сомнения:
2. Подали цифры наглядно и без перегруза. Факт в крупной типографике считывается за секунду — кандидату не нужно вчитываться в текст. А чтобы восемь метрик не превратили первый экран в таблицу, мы собрали их в карусель с автопрокруткой: блок привлекает внимание, и соискателю не нужно ничего листать — факты о компании сменяют друг друга сами.

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

«Взгляд изнутри» начинается с реальных историй сотрудников с фотографиями, именами и должностями. Тексты историй предоставил сам клиент — это живые впечатления, а не придуманный маркетологом контент. 

Каждая карточка сотрудника ведет на отдельную страницу с небольшим интервью.

Добавили на страницу видеораздел «Наша корпоративная жизнь». Здесь можно найти интервью с основателем компании, репортажи с корпоративных событий. Видео показывает компанию «в движении» и делает бренд живым.

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

Когда кандидат уже увидел масштаб компании и познакомился с культурой, он задает практический вопрос: «А что конкретно я получу?» Здесь важно уйти от общих фраз «конкурентная зарплата» и «соцпакет» к понятной конкретике.

Вместо сплошного списка мы разбили бонусы на логические блоки: финансы, здоровье, развитие, семья и комфорт. Такая структура помогает кандидату быстро найти то, что важно именно ему. Кто-то ищет ДМС, кто-то — компенсацию обучения, а родителям важен детский лагерь.

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

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

Блок «Мы предлагаем» закрывает ключевые сомнения: стажировка оплачиваемая, график гибкий (можно совмещать с учебой), а при успешных результатах — зачисление в штат. Рядом — список команд, которые ищут стажеров: от проектирования и разработки ПО до сервиса, чтобы студент сразу примерил направление на себя.

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

Когда кандидат познакомился с компанией и готов отправить резюме, важно не создать ему барьеры. Разные люди предпочитают разные способы связи: кто-то откликнется на конкретную вакансию через привычный HeadHunter, кто-то — отправит резюме «на перспективу» через форму на сайте, а кто-то — напишет напрямую на почту кадровику. Мы дали кандидату выбор и разместили точки конверсии там, где они нужны.

Форма «Отправьте нам Ваше резюме» — универсальный инструмент для тех, кто хочет связаться с HR, даже если сейчас нет подходящей вакансии в списке. Мы разместили ее в подвале каждой страницы карьерного раздела. Форма позволяет прикрепить файл резюме и отправить заявку в один клик.

Email hr@comitas.ru — для тех, кто предпочитает прямую переписку или хочет отправить резюме в свободной форме. Email указан рядом с формой, чтобы кандидат мог выбрать удобный канал.

На странице «Вакансии» разместили карточки с переходом на HeadHunter — для тех, кто привык работать через работные порталы. Мы не стали дублировать все вакансии внутри сайта (это потребовало бы постоянной синхронизации), а оставили переход на hh.ru. Так HR-отдел продолжает работать в привычной системе, а сайт берет на себя роль прогрева и первичного знакомства.

Такая система отклика позволяет ловить разные потоки кандидатов: «теплые» резюме идут напрямую в HR через формы и почту, а отклики на конкретные позиции обрабатываются через внешнюю платформу.

Раздел «Карьера» должен обновляться без постоянного привлечения разработчиков. HR-отдел — не технические специалисты, и им нужен простой интерфейс для повседневных задач: добавлять новые вакансии, обновлять истории сотрудников, публиковать видео и отзывы стажеров.

Настроили управление вакансиями через инфоблок Битрикса

Мы создали отдельный инфоблок «Вакансии» со структурированными полями — такими же, как на HeadHunter: название должности, регион, опыт работы, тип занятости. HR-менеджер добавляет новую позицию за пару минут: заполняет поля, публикует — вакансия появляется на странице с автоматической фильтрацией. Кандидат может выбрать нужный регион и опыт, и получит только релевантные предложения. Когда позиция закрывается на HeadHunter, HR снимает ее с публикации в админке.

Облегчили редактирование текстового контента

Истории сотрудников, отзывы стажеров, блок соцпакета и «Семь причин» — все это доступно для редактирования через визуальный редактор Битрикса. Если у компании появляется новый бонус в соцпакете или сотрудник готов поделиться историей, HR добавляет контент самостоятельно, не обращаясь к разработчикам.

Организовали обработку входящих резюме

Формы на сайте отправляют резюме на почту hr@comitas.ru. HR получает письмо с прикрепленным файлом резюме и может сразу начать работу с кандидатом.

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

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

Мы сохранили технические стандарты, заложенные при разработке основного сайта Comitas.

• Адаптивность под все устройства. Все блоки раздела «Карьера» корректно отображаются на смартфонах, планшетах и десктопах. Карточки вакансий перестраиваются в вертикальную ленту, фильтры превращаются в выпадающие списки, а лид-формы остаются удобными для заполнения с любого экрана.
• Композитный режим 1С-Битрикс. Как и на основном сайте, мы включили композитную технологию, которая ускоряет загрузку страниц за счет кеширования и оптимизации рендеринга. Это особенно важно для страниц с большим количеством контента — например, «Взгляд изнутри» с видео и историями сотрудников или страница вакансий с фильтрами.
• Оптимизация медиаконтента. Фотографии сотрудников, обложки видео и иллюстрации в блоках оптимизированы по размеру и формату, чтобы не замедлять загрузку страницы. Видео с корпоративной жизни размещено на внешних платформах (YouTube, RuTube), поэтому страница загружается быстро даже при большом количестве видеоконтента.
• Кроссбраузерность. Раздел корректно работает во всех популярных браузерах (Chrome, Safari, Firefox, Edge), что важно для кандидатов, которые заходят с разных устройств и операционных систем.

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

Раздел «Карьера» замкнул контур корпоративного сайта Comitas: теперь он работает на две ключевые аудитории. Продуктовая часть продает компетенции компании заказчикам, а HR-раздел продает саму компанию тем, кто эти компетенции создает.

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

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