разработка сайта для
it-рекрутингового агентства

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

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

Так как ранее IT-рекрутеры не были востребованы рынком, сейчас сложилась ситуация, что IT-специалисты нужны, а IT-рекрутеров, у которых был бы опыт в этой нише, и которые могли бы адекватно оценивать специалиста — нет. Это обосновывает актуальность и востребованность IT-рекрутинга. Потому что бизнесу нужно найти такого HR, который в теме, умеет работать именно с IT-специалистами, имеет достаточный уровень знаний, чтобы понять, перед ним человек, который подходит на рассматриваемую позицию или нет.

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

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

Ещё одна сложность проекта — ориентация сразу на две целевые аудитории — работодателей и соискателей. Сайт должен решать проблемы обеих сторон, и было важно логично развести информацию, ориентированную на каждый сегмент ЦА.

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

Проработали названия разделов так, чтобы они доносили ценность услуги до клиента.

Для эффектной презентации услуг, заложили слайдер по скроллу.

При создании дизайна для сайта IT-рекрутинговой компании мы столкнулись с вызовами, продиктованными, с одной стороны, брендбуком и фрименным стилем компании, с другой — требованиями заказчика:

• WOW-эффекты,
• Нельзя использовать фото,
• Сайт должен быть на тёмном фоне.

Проблема была в том, что фирменные цвета по брендбуку заказчика — синий, фиолетовый, серый — тоже достаточно тёмные. Из-за этого дизайн выглядел не только мрачновато, а вообще нечитаемо. Дизайнер круто проявил навыки работы с цветом, добавив фирменной палитре неоновое свечение, и сделал это настолько точно, что сайт не получился ярким, кричащим, а остался строгим и премиальным.

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

Сделали крутое раскрывающееся меню с анимацией по ховеру: при наведении на элементы, они окрашиваются фирменным градиентом.

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

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

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

Для каждого направления отрисовали свою иллюстрацию, окрашенную в фирменный градиент.

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

Так как сайт выполнен в тёмной теме, стандартная светлая карта в блоке с контактами к нему не подходила. Мы настроили тёмное отображение, чтобы соблюсти единый визуал сайта.

Сайт разработан на платформе Тильда, но это сложный проект, в котором использованы только зеро-блоки с добавлением кастомных кодовых решений. Уникальная анимация неоновых волн в обложке и нескольких блоках создана кодом, затем добавлена на платформу.

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

Блок «Для кого» реализовали табами, вкладки которых содержат информацию для разных сегментов аудитории — компаний и соискателей. Это помогло повысить конверсию сайта, за счёт адресного обращения к пользователям, и закрытия вопросов, которые волнуют каждый сегмент ЦА.