Разработка карьерного сайта для Альфа-Банка

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

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

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

Этапы работы над проектом:

1. Техническое задание

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

2. Дизайн

Еще одним фокусом внимания в данном проекте было обновление дизайна в соответствии с фирменным стилем Альфа-Банка. Мы переработали внешний вид HR-портала, опираясь на брендбук банка, и сделали его в более светлых тонах.

3. Разработка

Важным моментом на проекте была смена технологий, на которых написан сайт. В старой версии сайта была использована не очень популярная на сегодняшний день технология — Ruby on Rails. Необходимо было выбрать новую, которую сотрудники банка смогут поддерживать самостоятельно. Вместе с клиентом мы остановились на DotNet.

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

Необходимые интеграции

Чтобы сайт выполнял все свои задачи, понадобились интеграции с различными сервисами.

Для определения геолокации посетителя по IP интегрировали сайт с сервисом DaData. Это позволяет показывать пользователям те вакансии, которые есть в его городе и регионе.

Интеграция с E-Staff потребовалась для управления вакансиями и сбора откликов. Это понадобилось для автоматизации работы отдела кадров Альфа-Банка.

HR-портал интегрирован с сервисом Trend Micro, чтобы рассылать email-оповещения администраторам и пользователям сайта.

Отправка СМС через внутренний сервис банка позволяет подтвердить номер телефона пользователя.

Чтобы защитить сайт от спама, установили Google reCAPTCHA v3.

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

Стек технологий

Для разработки сайта использовали следующие технологии: Express, Next.js, React, Arui-feather, React-hook-form, SWR, Recaptcha.

Для создания административной панели применяли следующие технологии: React, Redux, Redux-toolkit, SWR, React-prime, React-hook-form.

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

На выходе получился HR-портал, который решает задачу с двух сторон. Для клиента появился инструмент, который отвечает новым требованиям безопасности и соответствует фирменному стилю. Для пользователя — простой сайт для поиска вакансий, в котором легко ориентироваться. Об этом говорят цифры: 2 840 000 просмотров и 710 000 посетителе в месяц.