Сделали карьерный сайт с масштабной 3D разработкой для холдинга Major из топ-200 Forbes

Major — один из крупнейших холдингов России. У него более 9 направлений, среди них продажа автомобилей — новых и с пробегом, лизинг, агрокомплекс с органическими фермами и точками продаж, сеть ресторанов и клиник, банк и даже собственная винодельня. Бизнесы представлены в разных городах России.

Холдинг вырос, и для кандидатов он выглядел разрознено. У каждого из юнитов — свой сайт и свои процессы.

Компания собрала единую HR-команду Major Team. Наша задача — разработать карьерный сайт:

✔️ Собрать вакансии 9 направлений холдинга в одном карьерном портале.

✔️ Показать масштаб и устройство компании, что это большая и стабильная экосистема, в которой можно развиваться как специалисту.

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

✔️ Снизить издержки и дать HR-команде инструмент для централизованного найма.

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

✔️ Задача со звездочкой — сделать сайт не как у всех. Major хотели выделиться, отстроиться от типовых карьерных сайтов, поэтому были готовы к смелой концепции.

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

✅ Объединили 9 юнитов на одном портале, чтобы они выглядели как единый холдинг, а не набор разных брендов.

✅ Упростили путь кандидата, чтобы они могли искать вакансии на одном сайте, с фильтрами по направлениям и ключевым словам. Это повысит конверсию из отклика в наем.

✅ Показали масштаб и разнообразие бизнеса через визуальную 3D-карту. Рассказали о холдинге, его направлениях и карьерных траекториях внутри компании на одной платформе. Например, Major Auto знают многие. Но еще холдинг делает вина, развивает агробизнес, управляет клиниками и ресторанами, и для части аудитории это может стать открытием.

✅ Снизили нагрузку на HR-команду. Особое внимание мы уделили удобной админке, чтобы сотрудники тратили меньше времени на обновлении вакансий и другого контента.

HR-отдел публикует вакансии на hh.ru, Авито и сайтах направлений, которые заточены скорее на клиентов, чем на кандидатов. Например, у Major Auto — свой сайт, у ресторанов — свой, у клиники — тоже свой. И на каждом из них есть отдельная форма, где можно посмотреть все вакансии и отправить резюме. Информации о других направлениях на этих страницах нет.

❌ В чем была проблема

Если человек ищет работу на страницах брендов, ему приходится переходить по разным сайтам и вручную заполнять одни и те же формы. Например, Major Auto и Major Expert — это два направления, которые продают автомобили: новые и с пробегом. Менеджер по продажам может закрывать сделки в обоих сегментах, но ему нужно откликаться дважды, на двух разных сайтах.

К тому же из карточки вакансии на hh, Авито или сайтах направлений непонятно, какой холдинг за ней стоит, какие у него масштабы и бренды. Человек видит только должность, требования к кандидату, условия работы, а масштаб Major не считывается.

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

Клиент честно сказал: «Нам все нравится, но хотим более необычное решение, которое будет выделяться». Мы приняли обратную связь и пошли искать новое направление.

На втором круге родилась третья концепция с 3D-картой на главной странице — именно та, что легла в основу будущего сайта. С ней и выиграли тендер.

Задача главной страницы — за секунды показать масштаб Major и вовлечь кандидата. Вместо стандартного хедера с героями и текстом мы сделали интерактивную 3D-сцену.

Изначально предложили 3 идеи для главной страницы: перекресток, карта России и глобус. Выбрали перекресток, от которого пользователь переходил к направлению Major Auto, и полностью его реализовали.

Когда финалили работу, клиент вернулся с обратной связью: сказал, что не чувствуется масштаб холдинга и визуально есть ощущение, что сайт связан со строительной отраслью. Чтобы главная страница подчеркивала статус холдинга, вернулись к одной из стартовых концепций — глобусу в 3D.

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

Кандидат погружается внутрь экосистемы: видит города, здания, направления. Переходит по ним, изучает, откликается. Все это — через анимации, локации и визуальный облет. Всю 3D-сцену встроили прямо в сайт.

Отдельная задача — не убить 3D на мобильных. Чаще всего на мобилках отключают все анимации, но мы не стали урезать ни визуал, ни 3D.

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

✔️ 1 история. Ошиблись адресом и рисовали ресторан по фрагментам

Мы сделали 9 объектов и уже показали их клиенту. Вроде все нравилось. А потом проджект-менеджер пересмотрела карту и поняла, что отрисовали не то здание. Просто ошиблись с литерой в адресе на Яндекс.Картах.

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

Ребята собирали форму здания по старым кадрам, планам и референсам, чтобы в 3D оно считывалось узнаваемо.

✔️ 2 история. Что-то не так с виноградниками

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

У холдинга Major — 9 направлений, причем у каждого свой стиль и брендбук. Где-то строгий автостиль, где-то мягкие кофейно-оливковые палитры и декоративные элементы.

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

✅ сквозную шапку и футер с инверсией цвета под брендбук конкретного юнита.

✅ набор повторяющихся блоков, которые есть у всех направлений — вакансии, преимущества работы, контакты.

✅ общие композиционные паттерны — на всех страницах сначала идут анимации, также почти везде есть блок с видео и описание, где находятся объекты.

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

Сделали раздел с вакансиями заметным и доступным. Как только кандидат попадает на сайт, он сразу понимает, как к ним перейти.

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

Четко оформили каждую вакансию: название, задачи, условия, график. Отклик — это целевое действие. Доступ к этой кнопке должен быть в пару кликов, поэтому поставили ее рядом с описанием вакансии. Когда человек откликнется на вакансию, и его заявка сразу уйдет менеджеру в нужное направление, а не потеряется где-то в CRM-системе.

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

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

Карьерный портал задумывался как удобный инструмент для сотрудников Major Team. Это и повлияло на выбор стека:

Filament — выбрали за красивую и удобную админку, чтобы hr-отделу было интуитивно понятно, как добавлять вакансии и другой контент.

Next.js — чтобы сайт загружался быстро и хорошо индексировался в поиске.

Что сделали:

✅ собрали удобную панель управления с сущностями под направления, вакансии, тексты и медиа;

✅ настроили формы так, чтобы HR-специалисты могли добавлять и обновлять вакансии, тексты и другой контент без участия разработчиков;

✅ учли, что работать в админке будут люди из разных юнитов с разными задачами.

В результате снизили нагрузку на команду клиента, сотрудники тратят меньше времени на обновлении вакансий и другого контента.

Сайт разрабатывали 6 месяцев — это быстро, с учетом 3D-сцен, девяти направлений, десятков макетов и полной адаптации под мобилку. Обычно подобный проект занимает от 9 до 12 месяцев. Карьерный портал Major Team современный, удобный и отличается от типовых решений.

Для кандидатов:

✓ Один понятный вход в холдинг Major.

✓ Простой путь до отклика: главная → направление → вакансия → отклик.

✓ Через 3D-глобус сразу считывается масштаб и стабильность компании.

Для HR и бренда работодателя:

✓ Централизованный найм через один портал и одну админку.

✓ Единая воронка для 9 направлений бизнеса.

✓ Нестандартное 3D-решение на главной странице и системный дизайн для девяти юнитов выделяют проект на фоне конкурентов. Это делает сайт запоминающимся и помогает привлекать кандидатов, партнеров и инвесторов.

✓ Портал стал витриной HR-бренда Major.

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

А вот как клиент отзывается о нашей работе →