Рабочая культура

Команда Ар разработала тексты, визуальную идею и дизайн-макет, а нам предстояло превратить эти материалы в работающий цифровой продукт и подключить систему аналитики.

‍

В отличие от стандартных промо-страниц, здесь мы столкнулись с задачей сверстать полноценное арт-пространство. Дизайнерская задумка предполагала сложный антураж с имитацией музейных залов.

‍

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

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

‍

Внутренняя логика квиза составила 346 строк рукописного кода. Мы реализовали умную ротацию контента: алгоритм случайным образом выбирает 5 из 10 доступных картин и перемешивает порядок их выдачи. Это решение позволило показать каждому участнику уникальный набор вопросов и равномерно распределить показы ценностей ВТБ.

‍

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

‍

Для оцифровки результатов мы связали квиз с Яндекс Метрикой, прописав 25 триггерных событий на всем пути пользователя от старта до перехода на карьерный портал.

Проект был реализован и протестирован ровно за две недели — в строгом соответствии с изначальным таймингом. Благодаря кастомным скриптам предзагрузки и глубокой оптимизации верстки, квиз показал отличные результаты в PageSpeed: 97 баллов на десктопе и 76 баллов на мобильных устройствах.

‍

В рамках кампании проект обработал более 53 300 просмотров. Техническая надежность обеспечила высокое удержание пользователей: агентство Ар получило безупречную реализацию креативной механики, а ВТБ — мощный инструмент для привлечения внимания к HR-бренду.