Как разработка карьерного сайта расширяет воронку и снижает стоимость найма. Кейс компании «Иностудио» для МТС Финтех

О нас

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

В статье расскажем, как помогли реализовать идею расширения воронки найма при помощи карьерного сайта.

О клиенте

МТС Финтех — одно из направлений экосистемы МТС, которое развивает финансовые сервисы и банкинг-проекты.

В штате МТС Финтех 5 000+ сотрудников и более 250 открытых вакансий одновременно. Компании требовался карьерный сайт, чтобы эффективно закрывать вакансии: собирать отклики кандидатов в одном окне, поддерживать HR-бренд и оптимизировать работу рекрутеров.

Как нанимали сотрудников в МТС Финтех до карьерного сайта

Раньше в компании был персонализированный лендинг, который ссылался на HH.ru. На сайте располагались только направления вакансий, а условия работы описывались уже на HeadHuntеr. У такого решения были недостатки, которые стали для заказчика критическими:

  1. Для добавления вакансий рекрутерам нужно было привлекать технических специалистов, из-за чего затягивался поиск кандидатов.
  2. Синхронизация вакансий на разных площадках требовала много времени и сил сотрудников.
  3. Компания недополучала часть целевого трафика, так как не продвигалась в поиске как работодатель.
  4. Просмотр откликов был разрозненный и неудобный.

Цели карьерного сайта

Компании МТС Финтех требовалось новое и современное решение — карьерный сайт, который бы позволил:

  1. Снизить затраты на публикацию вакансий на HH.ru.
  2. Отслеживать аналитику и эффективность рекламных кампаний.
  3. Исключить или уменьшить ручной сбор и обработку информации.
  4. Создать единую базу кандидатов, к которой рекрутеры могут обращаться при открытии новой позиции.
  5. Рассказать об HR-бренде и выделиться среди других работодателей.
  6. Продвигать сайт в поисковой выдаче и получать больше откликов.
  7. Наполнять сайт контентом без привлечения сторонних специалистов.

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

Функциональность

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

– распределять вакансии и стажировки по направлениям и территориальному признаку, а также фильтровать их по какому-либо параметру;

– подробно описывать вакансию в тексте ;

– рассказывать про этапы трудоустройства и возможности карьерного пути;

– отсылать кандидатов на статьи во внешнем блоге, в котором описаны условия работы и дополнительные возможности;

– рассказывать про масштабы деятельности цифровой экосистемы;

– делиться корпоративными ценностями и миссией, чтобы привлекать единомышленников;

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

– создавать и публиковать вакансии через HR-платформу «Пульс» — это занимает меньше времени и сил.

На карьерном сайте рассказали соискателям о том, какие преимущества получают сотрудники МТС Финтех

Технологии и интеграции

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

Перечень сервисов, которые интегрированы с карьерным сайтом

В работе использовали следующие инструменты:

Технологический стек разработки

– CMS Strapi — система управления контентом;

– Node.js — среда выполнения JavaScript-программ;

– React — библиотека для создания внешних пользовательских интерфейсов;

– Next.js — фреймворк для создания веб-приложений;

– PostgreSQL — система управления базами данных;

– TypeScript — язык программирования;

– MinIO — сервис для хранения цифровых данных;

– K8S — ПО для масштабирования приложений;

– GitLab — платформа для управления проектами и репозиториями;

– Argo CD — декларативный GitOps-инструмент непрерывной доставки;

– Figma — сервис дизайна и прототипирования интерфейсов.

Как выбранные технологии решают задачи клиента

Развивают HR-бренд

В рамках этой задачи добавили на сайт разделы о ценностях, миссии, перспективы для сотрудников. Оформили на сайте возможность перехода в блог компании на VC.ru, чтобы ближе познакомить кандидата с компанией. Блог призван подогреть у соискателя желание получить работу именно здесь. Есть и важные для заказчика разделы — информация о реферальной программе «Приведи друга» и блок с цифровой экосистемой МТС.

Карьерный сайт рассказывает о ценностях компании, чтобы привлекать единомышленников

Увеличивают поток соискателей

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

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

Расширяют воронку кандидатов

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

  1. Проработали и опубликовали карту сайта sitemap.xml и файл robots.txt. Файл robots.txt — текстовый файл, который содержит параметры индексирования для поисковых систем. Здесь можно ограничить частоту индексирования роботами веб-страниц, что помогает снизить нагрузку на сайт и ускорить его работу. Карта Sitemap.xml — это файл со ссылками на страницы сайта, который сообщает поисковикам о том, насколько актуальна структура, что в ней изменилось и насколько это важно.
  2. Сформировали и сгруппировали семантическое ядро из ключевых запросов соискателей, чтобы трафик на сайт стал более целевым. Настроили понятные URL-адреса для вакансий, чтобы их могли прочитать и люди, и поисковые системы. Так мы облегчили понимание ссылок роботами-поисковиками и увеличили трафик на сайт. Поисковые системы лучше продвигают человекопонятные URL-адреса, а ключевые слова подсвечиваются в ссылке в выдаче.
  3. Заполнили метатеги для основных страниц сайта и настроили автоматическое заполнение метатегов для страниц вакансий. Метатеги сообщают поисковым роботам, какая информация находится на странице, и влияют на занимаемую позицию в выдаче. Так соискателю, живущему в столице, отобразится подходящая вакансия в Москве, а не в Уфе.
  4. Проработали теги OpenGraph. Благодаря им формируется сниппет для социальных сетей и мессенджеров, который состоит из заголовка, описания и изображения. Это заметное превью страниц сайта, выделяющееся среди других ссылок и сообщений.

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

Обеспечивают безопасность данных

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

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

Позволяют самостоятельно менять контент на сайте

Для этой задачи мы выбрали Strapi — распространённую headless CMS на Node.js, которая идеально подошла для реализации административной панели. С этой системой к стандартному набору функций Strapi мы добавили интеграцию с SSO Keyloak. Это технология единого входа, с которой HR-специалист получает доступ к административной панели по единому корпоративному логину и паролю.

Особенности разработки

Дизайн на стороне МТС Финтех

В условиях проекта было обозначено, что дизайн создают сотрудники МТС Финтех, а мы предоставляем UX-макеты — кликабельные прототипы, по которым будет строиться сайт. На этом этапе по проекту изменились сроки реализации по ряду причин:

– у компании МТС Финтех выстроена своя цепочка согласований, в которой много звеньев;

– работу со стороны банка одновременно вели несколько дизайнеров, поэтому были временные затраты на унификацию всех элементов;

– дизайн от специалистов заказчика согласовывали с нашими frontend-разработчиками, это тоже занимало время;

– в процессе работы приняли решение поменять цветовую тему страниц на тёмную, внесли корректировки в ТЗ. Это повлияло на этапы и внутренние сроки проекта;

– работа пришлась на период отпусков некоторых сотрудников, принимающих решения по проекту.

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

Интеграция с HR-платформой «Пульс»

Данные о вакансиях появляются на сайте из HR-платформы «Пульс». В ней HR-менеджеры МТС Финтех управляют персоналом на всех этапах, от поиска до трудоустройства, создают новые вакансии и собирают отклики.

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

При поломке со стороны «Пульса» корпоративный сайт МТС Финтех всё равно будет продолжать работу

Особенности проекта

Карьерный сайт нужно было создать за полгода

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

Яндекс неверно индексировал сайт

Сайт запускали в канун Нового года. На каникулах шла индексация сайта поисковиками. Индексация — процесс, в котором поисковые роботы (поисковые пауки или боты) сканируют веб-сайты для сбора информации об их содержании. Эти роботы переходят по ссылкам между страницами и анализируют контент. После сбора данных они добавляют информацию в индекс поисковой системы.

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

Алгоритм доступа к внутренним данным был сложным

МТС Финтех — это банковская компания со строгими правилами безопасности.

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

Отображение вакансий по геопозиции

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

Результаты проекта

В результате нашей совместной работы МТС Финтех получил карьерный сайт, который:

– помогает развивать HR-бренд;

– увеличивает поток соискателей;

– снижает стоимость найма;

– сокращает затраты времени и сил HR-менеджеров на публикацию вакансий и анализ откликов;

– разделяет данные на открытые и закрытые, соблюдая корпоративные требования безопасности по защите информации;

– собирает SEO-трафик в результате оптимизации и продвижения в поисковой выдаче;

–позволяет изменять контент сайта силами HR-специалистов без привлечения технических специалистов;

– даёт возможность сотрудникам рекрутингового подразделения самостоятельно создавать новые страницы или редактировать текущие.

Помимо этого, сотрудники Иностудио составили подробное руководство пользователя сайтом, где более чем на 70 листах описали принципы работы и краткий FAQ.

В руководстве пользователя рассказали о том, как работать с данными и что делать, если что-то пошло не так

После релиза карьерного сайта наше сотрудничество с МТС Финтех не закончилось. На результат работы установлен гарантийный срок — полгода, и в этот период мы следим, чтобы всё работало штатно. Статистика показала, что за первых 2,5 месяца соискатели оставили на сайте более 1000 откликов, а индекс качества (показатель полезности ресурса для пользователей) https://job.mtsbank.ru/ в сервисе Яндекс.Вебмастер стабильно растёт.

По итогам работы получили от компании ПАО «МТС Банк»благодарность за отличную работу

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

Опубликовано на правах рекламы. ИНН ООО "ВАУ ГРУПП" 7723859630 Erid: LjN8KVeE6

0

Что Вы думаете об этом?

Прокомментировать

Рекомендуемые материалы