Цифровой инструмент усиления бренда
Иммерсивный 3D-город для Russ
Описание работы

Группа Russ (входит в RWB) — крупнейший в России оператор рекламы вне дома, работающий на рынке с 1995 года. Компания предоставляет более 150 000 рекламных поверхностей в более чем 150 городах России.

Чтобы наглядно представить всю широту возможностей Russ, мы создали иммерсивный промо-сайт в виде 3D-города. 3D-город был выбран не случайно — он стал метафорой бренда: интерактивное пространство отражает технологичность Группы, а «архитектура» демонстрирует масштаб ее присутствия на рынке.

Проект позволяет пользователю погрузиться в экосистему Russ и изучить рекламные форматы оператора в интерактивной среде. 



Работа над сайтом в цифрах:
— 5 масштабных 3D-сцен, соответствующих направлениям;

— 58 рекламных форматов, структурированных по направлениям;

— 212 видео пролетов от одного рекламного объекта до другого для десктопа и мобильной версии, включая реверсивные пролеты.

Клиент

Группа Russ

Город

Москва

Участник

Only

Команда

Илья Редько, креативный директор

Видео

vkvideo.ru

Ссылка на проект

3d.russoutdoor.ru

Цели и задачи

В 2023 году Группа Russ провела ребрендинг на фоне расширения присутствия на рынке. В рамках обновления компания стремилась подчеркнуть переход от классической наружной рекламы к цифровым технологиям.

Сегодня Группа Russ объединяет четыре направления: Outdoor, Indoor, Airport и Transit. Каждое из них предлагает уникальный набор продуктов для размещения рекламы — всего более 50 форматов.

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

Для достижения поставленной цели мы разработали иммерсивный промо-сайт в виде 3D-города, который создает эффект полного погружения в экосистему рекламных форматов оператора. Наша команда создала условия, в которых пользователь может «прогуляться» по объектам городской инфраструктуры и изучить возможности компании в интерактивном формате. Такой формат помогает буквально «прочувствовать» масштаб и широту услуг бренда.

Задачи проекта можно разделить на четыре категории:

1) Айдентика: визуально интегрировать и развить стиль бренда Russ и новых направлений;

2) Продакшн: создать реалистичные 3D-сцены городской инфраструктуры, продумать размещение рекламных форматов и пролёты камеры;

3) Интерфейс: разработать понятную логику взаимодействия для пользователей и обеспечить выполнение бизнес-задач клиента;

4) Разработка: обеспечить высокую скорость воспроизведения и бесшовную навигацию по продуктам.

Исследования и аналитика

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

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

Решения

В созданном с нуля 3D-городе мы объединили узнаваемые черты российских пространств — от «Москва-Сити» до Ленинградского вокзала. Это помогло придать реалистичность интерактивному пространству.

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

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

Изначально мы планировали использовать three.js, но для сохранения высокой детализации и скорости работы сайта выбрали видеоформат для перемещений между локациями. А также внедрили:

— фоновую загрузку видео;

— кэширование на уровне сессии. 

Фронтенд сайта реализовали на технологии React с использованием Next.js.

Результат

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

Проект отмечен наградами: 

— золото в премии WDA в номинации «Сайт для крупнейшей компании»;

— бронза в «Рейтинге Рунета» в номинации «Услуги для бизнеса»;

— Special Kudos в конкурсе CSSDA.

×
Этот сайт использует технологию «cookie» сервиса веб-аналитики Яндекс Метрика. Это необходимо для улучшения работы нашего сайта. Продолжая использовать сайт, вы соглашаетесь в соответствии с Политикой в отношении обработки персональных данных.