Редизайн и доработка сайта рекрутингового агентства Retail Personal

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

В этом кейсе наш клиент следовал той же логике и обратился в IVIT за редизайном сайта рекрутингового агентства. В рамках планового обновления он пришел с собственным готовым дизайном и поручил нам техническую реализацию.

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

«Ритейл Персонал» (Retail Personal) — заметный игрок на рынке рекрутинга. Агентство специализируется на подборе IT-специалистов, инженеров, сотрудников бэк-офиса и руководителей высшего звена.

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

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

1. Визуальная реализация

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

2. Пользовательский опыт

• Сайт должен быть одинаково удобен для двух аудиторий: B2B-заказчика, который ищет услуги по подбору персонала, и кандидата, изучающего вакансии и отправляющего отклик.
• Интуитивная навигация по услугам, отраслям и контактам без перегруженности.

3. Технические доработки

• Обновление CMS и компонентов сайта до актуальных версий.
• Аудит безопасности: проверка на вирусы, вредоносный код и уязвимости.
• Устранение всех найденных проблем и стабилизация работы сайта.

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

Что появилось на обновленной странице

• Эффектный анимированный первый блок. Применили typewriter-эффект: первая фраза на главном экране прописывается при открытии сайта. Синхронно с фразой обновляется изображение в блоке.

• Микровзаимодействия: карточки в блоках преимуществ и сфер подбора кадров меняют цвет при наведении, кнопки откликаются на курсор. 

• Карусели и слайдеры: лента логотипов клиентов прокручивается автоматически, отзывы листаются, а вместо кнопки «PDF-отзывы» теперь стоят виджеты с карт.

• Hover-попап с лид-формой. В блок с цитатой главы агентства встроена конверсионная точка — компактный переключатель со стрелкой рядом с подписью. Стоит навести курсор, как полоска перекрашивается в оранжевый и всплывает попап с формой заявки. Пользователь может получить полезный лид-магнит в обмен на свои контакты. 

Задача на расширение структуры пришла чуть позже, когда клиент увидел, что формат лендинга не может вместить все нужные материалы. Услуги, прайс-листы, контент и отзывы нуждались в полноценных собственных страницах — и для удобства пользователей, и для SEO-семантики.

Так на сайте появились новые страницы, каждая со своей ролью:

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

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

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

В результате клиент может самостоятельно обновлять тексты и добавлять новые материалы в блог без привлечения разработчиков.

Параллельно с редизайном провели техническое оздоровление сайта. Обновили ядро Битрикс до актуальной версии: платформа теперь поддерживаемая и предсказуемая в развитии.

Затем провели аудит безопасности: проверили сайт на вирусы, вредоносный код и уязвимости. Все найденное обезвредили и устранили, стабилизировали работу сайта и передали клиенту в защищенном состоянии.

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

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

Если вы видите, что сайту давно пора меняться, но еще не определились с дизайном — обращайтесь. Возьмем на себя и эту часть работы: разработаем современную визуальную концепцию и аккуратно воплотим ее в коде.