Создали карьерный лендинг на Tilda для IT-компании

Отдельный HR-сайт — это эффективный инструмент взаимодействия с соискателями, который дает возможность быстро обновлять контент и строить бренд работодателя независимо от общего корпоративного сайта.

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

Мы создали для него лендинг на Tilda: современный, технологичный и удобный. Сайт не просто закрыл срочную задачу клиента, а показал отличные результаты и стал точкой входа в долгосрочное сотрудничество с крупной IT-компанией.

ООО «Новые Телеком Решения» (НТР) — российская ИТ-компания, разработчик ПО и производитель телекоммуникационного оборудования для операторов связи. На момент старта проекта у клиента был морально устаревший корпоративный сайт. Руководство понимало, что он выглядит неактуально и не отражает технологический уровень бизнеса.

При этом НТР активно искала специалистов и нуждалась в современном и презентабельном канале коммуникации с кандидатами. Проблема усугублялась тем, что ссылки с популярных HR-платформ вели на старый сайт. И это негативно влияло на восприятие компании как работодателя: соискатели не видели подтверждения динамичного и технологичного бизнеса.

Быстро и бюджетно решить эту проблему помог карьерный лендинг — мини-сайт на Tilda с главной страницей и отдельными страницами вакансий. За простой формулировкой «сделать лендинг» скрывался ряд визуальных и функциональных требований:

• Создать современный эстетичный сайт, который бы соответствовал имиджу высокотехнологичной ИТ‑компании. Внешний вид лендинга должен вызывать доверие и интерес у кандидатов с высоким уровнем насмотренности. Многие соискатели регулярно взаимодействуют с качественными digital-продуктами и сразу заметят устаревший или непродуманный интерфейс.
• Работать без готового брендбука: визуальных гайдлайнов не было — только логотип и общие предпочтения заказчика по цветам. Поэтому мы брали за ориентир эстетику сайтов крупных технологических компаний: сдержанная цветовая гамма, лаконичность, продуманная компоновка и интерактивные элементы.
• Обеспечить разные уровни доступа к данным соискателей: вместо единой публичной ссылки на резюме требовалась настройка прав для разных ролей внутри компании.
• Предложить максимально быстрое и экономичное решение, которое удовлетворит все перечисленные требования без запуска долгосрочной разработки и без нагрузки на существующий корпоративный сайт.

Чтобы уложиться в сжатые сроки и согласованный бюджет, но при этом выполнить все требования, мы предложили использовать Tilda. Несмотря на распространенное мнение о ней как о платформе для «простых» лендингов, Tilda с ее Zero-блоками и возможностью полного контроля над версткой и анимациями позволила создать технически насыщенный и визуально выразительный продукт. При этом разработка заняла значительно меньше времени и ресурсов, чем потребовалось бы для создания аналога на 1С-Битрикс.

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

На основе этого анализа и прямых пожеланий клиента мы сформировали ключевые принципы работы над дизайном:

• выделиться на фоне конкурентов, создав «wow- эффект» с помощью нетипичного для карьерных лендингов дизайна;
• сочетать технологичность и человечность: отразить высокий уровень технической экспертизы компании (в том числе через работу с ИИ), но при этом сделать акцент на людях;
• заменить «шаблонный глянец» технологичной эстетикой, соответствующей имиджу зрелой ИТ-компании;
• сделать акцент на читаемость и скорость восприятия информации;
• добавить микровзаимодействия (плавные появления, hover-эффекты, анимации переходов) там, где они создают ощущение «умного», продуманного интерфейса и усиливают восприятие компании как высокотехнологичной;
• использовать аутентичный визуальный контент вместо стоковых изображений, чтобы усилить доверие и вовлеченность.

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

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

• ИИ-портрет на первом экране
  Уже на первом экране заложена ключевая идея проекта: стык высоких технологий и ориентации на человека. Центральный образ — портрет сотрудника, созданный с помощью ИИ. Он символизирует технологическую экспертизу компании, но при этом сохраняет акцент на человеке как главном герое лендинга. Вокруг него мы расположили динамические вращающиеся полоски, выполненные через CSS-анимации, которые добавляют «цифровой» ритм, не перегружая композицию.

• Интерактивная карта присутствия
  При наведении на город на карте появляются всплывающие подсказки с адресами офисов. Это хороший способ показать масштаб и реальное физическое присутствие компании — важный фактор для соискателей, рассматривающих переезд или гибридный формат работы.

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

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

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

Все элементы — от анимаций до типографики — работают на единый эффект: лендинг выглядит современно, технологично, но при этом остается лаконичным, понятным и ориентированным на человека.

Сайт адаптирован под мобильные устройства: форма легко заполняется со смартфона, а тексты читаются без горизонтального скролла. Даже микровзаимодействия, изначально рассчитанные на hover, либо заменены на touch-дружелюбные аналоги, либо работают через последовательную анимацию. Это особенно важно, так как многие соискатели просматривают вакансии именно с телефона.

Все открытые позиции оформили в виде отдельных страниц, а не модальных окон (попапов), как изначально предполагалось в макете. На этапе верстки мы с клиентом решили отказаться от попапов, потому что:

• отдельные страницы легко читаются на любых устройствах;
• их можно индексировать поисковыми системами (например, по запросам «Специалист по оборудованию РРЛ»);
• кандидат может сохранить ссылку или поделиться ею без риска «потерять» информацию при закрытии попапа.

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

На каждой странице вакансии мы разместили кнопку «Откликнуться». По клику открывается попап с формой, где кандидат указывает контактные данные и может прикрепить файл с резюме. Форма содержит обязательные поля: ФИО, email и ник в Telegram, а также дополнительные: ссылки на профиль сотрудника на других площадках.

Чтобы сделать призыв к действию максимально релевантным, мы разместили одну и ту же форму отклика под разными кнопками — в зависимости от контекста блока:

• «Связаться» — на первом экране и в разделе «Реферальная программа»;
• «Подробнее» — при переходе на страницу стажировок для молодых специалистов;
• Готовы присоединиться?» — под отзывами сотрудников.

Кроме формы на сайте предусмотрен альтернативный способ связи: прямой email HR-отдела. Мы сознательно отказались от Telegram-бота из-за рисков блокировок и желания собирать все обращения в одном месте — почтовом ящике, доступном всей рекрутерской команде.

Все заявки соискателей, отправленные через форму на сайте, автоматически сохраняются в облаке, где каждая анкета — это отдельная папка с резюме. Одновременно HR-менеджер получает email-уведомление о каждой новой заявке. Это гарантирует, что ни один отклик не останется незамеченным.

Мы настроили разный уровень доступа для сотрудников НТР:

• HR-специалисты получили полные права: могут просматривать, комментировать и удалять анкеты;
• Руководители отделов работают только в режиме просмотра.

Такой подход исключает случайное удаление данных и сохраняет прозрачность подбора.

Карьерный лендинг НТР стал рабочим инструментом HR-команды:

• Повысил восприятие компании как современного работодателя: соискатели перестали переходить на устаревший корпоративный сайт, а видели свежий технологичный и человечный digital-интерфейс.
• Упростил процесс отклика: единая форма с возможностью прикрепить резюме и прямой email HR-отдела увеличили количество качественных заявок.
• Обеспечил управляемость: менеджер может публиковать новые вакансии самостоятельно, а все отклики собираются в одном месте с логичным разграничением доступа.

Глубокая вовлеченность клиента в детали проекта и его высокая оценка результата нашей работы привели к расширению сотрудничества. Вскоре после запуска карьерного лендинга команду «Ивит» выбрали подрядчиком на полный редизайн двух основных корпоративных сайтов компании.