Какие промосайты нужно переплюнуть в 2017 году — Колонка дизайн-директора Looi

Дизайн-директор продуктовой студии Looi, судья международной премии The FWA Сергей Андронов собрал для рубрики «Интерфейсы» примеры лучших промосайтов 2016 года, на которые стоит ориентироваться при работе над проектами в 2017 году.

Было бы опасно делать субъективную оценку сайтов, поэтому в качестве ориентира мы взяли 12 сайтов, которые стали сайтами месяца (SOTM) на The FWA.

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

Star Wars: Lightsaber Escape

Победоносный проект, появление которого было приурочено к выходу очередной серии «Звездных войн», сделан действительно звездной командой. Над проектом работали Unit 9, Google, Plan 8, 72 and Sunny.

Так как сайт стал сайтом месяца в январе, неудивительно, что к концу года он уже перестал поддерживаться. Тем более скоро выходит новая серия. Но мы все равно вспомним про проект, освежив память видео.

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

Не сайт, а настоящий музыкальный эксперимент. Ребята из студии MassiveMusic решили сделать настоящий инструмент, взаимодействуя с которым прямо у себя в браузере, пользователь мог бы делать музыку.

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

Сайт находится в рабочем состоянии, так что вы самостоятельно можете зайти и оценить всю функциональность .

Если же хотите уловить суть и общее настроение за пару минут, то можете просто посмотреть видео ниже:

HTC для промо своих VR-очков в начале года совместно с The Zoo и B-Reel сделала проект, который бы позволил испытать ощущения взаимодействия с настоящими HTC Vive, не имея их.

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

Краткий видеообзор проекта:

Отличный проект, вышедший в поддержку фильма про Маугли. Крутое использование WebGL, видео и анимации.

Проект, сделанный командой Wild из Австрии. Сайт получил большое количество наград, в том числе на Cannes Lions 2016, и сделал это абсолютно заслуженно.

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

d14dc2ca184e3d.png

Наверное, все помнят этот чудаковатый фильм. Ну и сайт под стать, что уж тут говорить. Посетителю предлагается поиграться с WebGL-ным трупом, решая самые разные задачи. Безумие, да? Не то слово.

f3c05c0508bc93.png

Еще один проект, созданный звездной командой участников, таких как Droga5, Active Theory, Plan8 и других.

Проект, сделанный специально для Hennessy V.S. O.P., — отличный пример того, как с помощью современных технологий, таких как WebGL, например, можно разнообразить стандартный сторителинг.

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

Не сайт, а целый образовательный проект для школьников. Как вы знаете, на The FWA награждаются не только сайты, но и различные интерактивные инсталляции и digital-эксперименты. Вот этот проект как раз относится к такому типу.

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

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

Разумеется, видео в 360, объемных звук, экскурсия от крутых гидов. Все это позволяет вам открыть новые уголки планеты, не вставая с места.

0afba8cea46d57.png

Сайт, построенный на WebGL, позволяет чуть приблизиться ко вселенной Гарри Поттера, создав себе Патронуса, который предстает в образе животного и защищает своего владельца.

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

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

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

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

63663400c7d187.png

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

©  vc.ru