WebValley Studio

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

аналитика и исследование ниши
визуальное исследование
информационная архитектура
прототип
ДИЗАЙН
вёрстка
сайт рекрутингового агентства

Аналитика

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

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

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

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

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

Прототип

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

Дизайн

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

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

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

Вёрстка

Сайт разработан на платформе Тильда, но это сложный проект, в котором использованы только зеро-блоки с добавлением кастомных кодовых решений. Уникальная анимация неоновых волн в обложке и нескольких блоках создана кодом, затем добавлена на платформу.
Чтобы акцентировать внимание на заголовках, добавили микроанимацию, при которой текст окрашивается в градиент по наведению курсора.
Блок «Для кого» реализовали табами, вкладки которых содержат информацию для разных сегментов аудитории — компаний и соискателей. Это помогло повысить конверсию сайта, за счёт адресного обращения к пользователям, и закрытия вопросов, которые волнуют каждый сегмент ЦА.
сверстать сайт рекрутинговой компании
Нам очень важно ваше мнение
Оцените кейс
Как вам наша работа?
Посмотрите все возможности
Посмотрите все возможности
Заказать
похожий проект
Заказать
похожий проект
Следующий кейс
Следующий кейс
Предыдущий кейс
Предыдущий кейс
Спасибо за просмотр
НАД ПРОЕКТОМ РАБОТАЛИ
Дизайн-студия
WebValley Studio
Арт директор
Алексей Гамов
Тим лид
Алёна Панюшкина
Ux-дизайнер
Алёна Панюшкина
Мария Дрокина
ui-дизайнер
Вёрстка
Анастасия Лян
графический дизайнер
Анастасия Лян