Экстраколлега

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

‍

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

‍

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

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

‍

Логика квиза работает на базе 467 строк кастомного кода. В архитектуру скрипта мы внедрили рандомизацию выдачи вопросов и порядка логотипов в бегущей строке. Такое решение обеспечивает уникальный опыт для каждого пользователя и гарантирует равномерный показ контента брендов-участников.

‍

Завершив базовую сборку функционала досрочно, мы инвестировали резерв времени в рефакторинг кода. В результате нам удалось увеличить скорость загрузки страницы вдвое, что напрямую влияет на итоговую конверсию проекта.

‍

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

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

‍

За первый месяц проект безотказно обработал более 46 000 просмотров. В результате нашей работы команда Ар получила функциональный продукт с детальной оцифровкой рекламной кампании, а бренды — эффективную воронку, которая конвертирует игровую вовлеченность аудитории в реальные переходы на HR-страницы.