Омниклиентность

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

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

‍

На реализацию закладывалось две недели, и для нас это стандартный таймлайн на подобный проект. Однако мы решили перестраховаться и продумать серверную архитектуру еще до получения макетов. Выбор пал на PHP + SQLite — эта связка технологий закрывала проектные задачи с большим запасом прочности. К старту верстки были готовы первые наработки и демо-стенд.

В архитектуре бэкенда мы предусмотрели всё, что могло негативно повлиять на устойчивость сервера под нагрузкой. Для гарантий безопасности и защиты от сбоев были внедрены следующие решения: WAL-режим (для оптимизации запросов), Rate Limiter (от DDoS-атак) и fail-fast логика (на случай форс-мажоров на стороне хостинга).

Благодаря солидному запасу по времени, мы выбрали альтернативную и более сложную методологию верстки. Вместо сборки 12 статичных экранов проект был реализован по принципу SPA (Single Page Application) на базе всего 4 компонентов-шаблонов: онбординга, вопроса, ответа и финала.

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

Перед сдачей проекта мы поработали над on-page SEO, прошли технические аудиты и разогнали метрики PageSpeed. Для прозрачного контроля над воронкой подключили Яндекс Метрику и настроили передачу 38 уникальных событий.

‍

Проект был реализован за 11 дней под ключ. Мы завершили разработку раньше дедлайна и обеспечили гарантию комфортного запуска. Для нас этот кейс стал важным этапом: мы существенно углубили экспертизу в проектировании квизов с интеграцией серверного функционала и сократили стандартный time-to-market для подобных решений на 20%.

В условиях рекламного промо инфраструктура обработала более 68 000 визитов и выдержала пиковые нагрузки (более 4500 пользователей в день) без единой ошибки и с внушительным запасом по мощности. Ставка на нестандартный фронтенд также полностью себя оправдала: решение собрать проект по схеме SPA позволило добиться отличных показателей производительности — 93 балла в Google PageSpeed Performance для мобильных устройств и 99 для десктопа.

Наш формат сотрудничества с агентством Ар показал, что синергия сильного креатива и надежной инженерии позволяет запускать масштабные рекламные кампании без технических рисков. Для «Магнит Омни» проект вышел за рамки обычного промо и стал полноценным CustDev-исследованием. Помимо выполнения базовых метрик, бренд узнал, что именно пользователи хотели бы улучшить в сервисе.

‍