Послушай Новый год!

Факты о событии

Замечали ли вы, что в последнее время звук опережает текст? Голосовые сообщения становятся информативнее, чем sms, а подкасты и аудиокниги ярче и доступнее выражают идеи и интонации автора. Именно эта мысль легла в основу аудиоплатформы «Послушай Новый год!»

Данный формат является оригинальным для российского event-рынка и, в условиях ограничений 2020 года, стал эффективным инструментом, помогающим сплотить сотрудников, подарив им новогоднее настроение и творческую возможность.

Аудиоплатформа «Послушай Новый год» была придумана и реализована в максимально короткие сроки — всего за один месяц с момента утверждения идеи, из которого всего 3 недели  — это техническая реализация, причем с использованием технологии WebGl.

В качестве основного музыкального сопровождения сайта звучит произведение Микаэля Таривердиева «Снег над Ленинградом» со специально сделанным аудиодизайном под этот проект.

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

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

Основные цвета используются фирменные оттенки банка. Изучив актуальный брендбук и маркетинговые материалы банка, разработчики взяли весь необходимый диапазон цветов, чтобы остаться в фирменном стиле и создать новогоднее настроение. Карту России отрисовывали с нуля, взяв за основу актуальную контурную версию с Яндекс.Карты.

Механика пути пользователя сайта: 

Пользователя встречает снегопад из конфети, что сразу затрагивает два самых близких к новогоднему настроению элемента. Из частиц( three.js) собирается логотип Газпромбанка и от новогодней истории пользователя отделяет один клик. 

Снегопад и яркие полосы, разбавляющие ночное зимнее, небо представляют пользователю интерактивную карту (отрисовка — gsap, 3d-движение по мыши — css3/vanila.js). Под новогоднюю мелодию пользователь может выбрать любой город России, отраженный на карте снежинками, и перейти на страницу плейлиста поздравлений. 

Страница поздравлений адаптирована на привычный пользователю вид плеера(vanila.js), при этом добавили новогоднюю стилистику: бесконечные, уходящие вдаль разноцветные (three.js) линии были вдохновлены полосами салютов. 

Поиск города, прослушивание поздравлений, загрузка собственных аудиозаписей — все это сопровождается фоновым снегопадом (рендеринг на three.js, остальное — vanila.js), реагирующим на каждое движение курсора. Сайтом так же можно быстро поделиться в соц.сетях.