Стриптиз про

Описание

ЗАДАЧА (Challenge)
Контекст: У холдинга есть два знаковых клуба с диаметрально разной атмосферой:

Клуб А: Андеграунд, техно, бетон, темнота.

Клуб Б: Гламур, коктейли, неон, бархат.

Проблема: Раньше трафик распределялся по разным доменам, что сбивало аудиторию с толку. Пользователи не понимали, что это одна экосистема. Требовалось создать единую точку входа (Gateway), которая не просто распределяет потоки людей, а работает как «цифровой фейсконтроль», мгновенно погружая посетителя в нужную атмосферу (Vibe) еще до покупки билета.

KPI: Снизить показатель отказов (Bounce Rate) на входе и обеспечить четкую сегментацию аудитории за 3 секунды.

Решение

2. РЕШЕНИЕ (Solution)
Мы отказались от стандартной вёрстки в пользу кинематографичного WebGL-опыта. Концепция построена на «Дуальности миров».

Визуальная механика (The Split): Экран разделён на две интерактивные зоны. В состоянии покоя это единая абстрактная 3D-скульптура (жидкий металл).

При наведении влево: Скульптура искажается, становится резкой, бетонной, включается стробоскоп (техно-вайб). Звучит глухой бас.

При наведении вправо: Скульптура плавится, превращается в золото/шёлк, освещение меняется на тёплое. Звучит звон бокалов и лаунж.

Техническая реализация: Использована библиотека Three.js для рендеринга шейдеров в реальном времени. Переходы между состояниями плавные (Liquid Transitions).

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

Микровзаимодействия: Курсор мыши работает как «фонарик», выхватывающий из темноты скрытые детали афиши. Никаких скучных кнопок «Войти». Весь экран — это кнопка.

Результат

3. РЕЗУЛЬТАТ (Outcome)
Мы превратили утилитарную страницу выбора в самостоятельный аттракцион.

Удержание (Retention): Среднее время пребывания на экране выбора увеличилось с 2 до 12 секунд. Пользователи «играют» с переходами, прежде чем выбрать клуб.

Имидж: Сайт получил награду «Сайт дня» на профильных конкурсах за лучшую анимацию.

Бизнес: Четкое разделение потоков. Пользователь попадает на основной сайт клуба уже «прогретым» нужной атмосферой, что повысило конверсию в покупку билетов на 18%.

Презентация проекта