Превратили профориентацию в интерактивный опыт: Naked eye фотозона для Форума колледжей Москвы от студии Akademia


Каждый год Форум колледжей Москвы становится площадкой, где тысячи школьников знакомятся с будущими профессиями и выбирают направление обучения. Студия Akademia разработала для события интерактивную фотозону с эффектом Naked Eye, которая одновременно привлекала внимание и рассказывала о разных направлениях образования. Команда студии поделилась деталями проекта и рассказала, какие креативные и технические решения легли в основу инсталляции.

Форум Колледжей Москвы

Задача

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

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

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

Решение

Мы создали интерактивную фотозону с эффектом Naked eye – контент словно “вылетал” за пределы экранов, создавая эффектный визуальный опыт. Фотозона стала первой точкой, которую видели посетители форума. Яркая входная зона сразу задавала настроение мероприятию и приглашала взаимодействовать с контентом.

Вместо одного видеоролика мы разработали несколько сценариев, чтобы образно представить все направления подготовки колледжей Москвы. Из-за ограниченных сроков производства создать по ролику на все 10 направлений было невозможно – поэтому мы объединили их попарно. Каждый ролик рассказывал о близких профессиональных сферах и был выполнен в айдентике мероприятия, сохраняя при этом собственный характер.

Виртуальные миры

Запуская ролик, зрители попадали в объемное пространство, заполненное тематическими образами, отсылающими к разным профессиям. Команда Akademia стремилась создать цельные художественные композиции, которые хотелось бы рассматривать.

В каждом ролике важно было выделить один центральный образ, достаточно детализированный и проработанный. Так, для инженерных направлений мы использовали разобранный двигатель, а для авиации – турбину самолета. Вокруг центрального образа выстраивалась композиция пространства. Центральный образ окружали тематические элементы: например, в ролике по машиностроению и строительству это были детали автомобиля и строительные инструменты.

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

Разработка

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

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

При разработке системы важно было предусмотреть ее реакцию на любые действия пользователя. На массовом мероприятии невозможно предсказать, как именно люди будут взаимодействовать с интерфейсом: быстро переключать режимы, многократно нажимать кнопки или выбирать новые ролики до завершения предыдущих. Мы продумали логику запуска инсталляции так, чтобы обеспечить ее бесперебойную работу.
Михаил Месяц, Ventuz/Touch Designer разработчик студии Akademia

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

Еще одной технической задачей стала подготовка видеоконтента. Первоначально ролики экспортировали в формате, который не обеспечивал достаточно плавное воспроизведение в системе. Чтобы добиться стабильной работы инсталляции, весь контент был дополнительно переработан и перерендерен под требования программы.

При выборе технологического стека команда также рассматривала более сложный вариант реализации. Изначально обсуждалась идея создавать часть объемных объектов в реальном времени, используя TouchDesigner, однако такой подход значительно увеличивал сложность проекта, сроки производства и требования к оборудованию. В итоге было принято решение отказаться от realtime-графики в пользу заранее подготовленных роликов с эффектом Naked Eye. Это позволило сохранить высокое качество изображения, уложиться в сроки и обеспечить стабильную работу инсталляции в условиях выставки.

Результаты

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

Проект показал, что даже сложную образовательную тему можно представить современным языком – через технологии, впечатления и визуальные истории, которые хочется не только увидеть, но и разделить с другими.

Комментарии

Индекс популярности

Подробнее о том, как считается индекс и что означает каждый параметр, — читайте в справочнике.