Интерактивные сайты

Лучшие интерактивные сайты в интернете, часть 1

Интерактивные сайты — это здорово. Активное участие посетителя в изучении интерактивного сайта выгодно отличает его от шаблонных аналогов. Именно поэтому, мы предлагаем вам примеры лучших интерактивных сайтов со всего мира.

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


Заказать создание интерактивного сайта


Интерактивные сайты — особенности

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

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

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

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


Содержание:


makemepulse

интерактивные сайты - makemepulse

Интерактивная студия makemepulse известна своими выдающимися и крайне изобретательными решениями в цифровой индустрии. Список их клиентов говорит сам за себя. В их портфолио можно встретить такие компании, как Ubisoft, Google, Netflix,UNICEF и другие.

Особое впечатление произвел проект Nomadic Tribe, созданный как дань уважения одному из лучших художников комиксов всех времен Жану Жиро, также известному как Мебиус. Для того, чтобы воплотить в жизнь мастерский стиль Мебиуса, makemepulse использовал технику затенения cel, которая популярна во многих видеоиграх, основанных на комиксах и аниме.  «Кочевое племя» — это сказка о племени, которое каждый год (точнее в канун Нового года) перемещается с одного острова на другой.

Это игровое интерактивное приключение состоит из четырех глав. Каждая из них постепенно приближает вас к пониманию того, как живут эти люди. Успокаивающий голос рассказчика ведает вам историю племени, а медитативная фоновая музыка еще глубже погружает вас в его мир. Внимание к деталям впечатляет. Отдельного внимания заслуживает оригинальный саундтрек, сделанный специально для этого проекта студией Press Play On Tape. Он выше всяких похвал.

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

Помимо Мебиуса и влияний комиксов, проект также несет в себе атмосферу мультфильмов Studio Ghibli и Хаяо Миядзаки.

Nomadic Tribe — по истине произведение искусства. Благодаря его интерактивности, вы можете окунуться в живописный утопический мир. Мир, где люди и природа едины.

Gucci Off The Grid

интерактивные сайты - Gucci Off The Grid

Gucci Off The Grid использует экологически чистые материалы для создания своей рюкзаков, сумок и аксессуаров. Сайт прекрасно иллюстрирует идеалы и концепцию компании. Цветовая палитра очень «землистая», с большим количеством мягких коричневых, а также заметных бежевых и темно-зеленых оттенков.

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

Salvatore Casalino

Интерактивные сайты - Salvatore Casalino

Сальваторе Казалино — разработчик интерфейсов и UI/UX дизайнер. Он нашел отличный способ сделать свое портфолио запоминающимся, создав интерактивную презентацию опыта своих предыдущих работ, которая многое говорит о профессионализме. 

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

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

Hong Kong Design Institute

Hong Kong Design Institute

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

Над всем этим парит гигантский белый объект. Похоже, он состоит из нескольких склеенных вместе шариков. На нем стеклянные окна, на которых отражается усыпанное звездами небо. Куда ни глянь, можно заметить красные точки. Когда вы нажимаете на них, открывается страница, где подробно представлен один из проектов института. Вы можете просмотреть все их работы, нажав кнопку «Все проекты» в верхнем левом углу экрана, но где в этом веселье? Вместо этого почему бы не открыть для себя все проекты один за другим, наслаждаясь прекрасным интерактивным миром, похожим на образовательную игру?

i-Spy

i-Spy

i-Spy — это игра, созданная для детского игрового приложения телеканала New Zealand Heihei. Вы можете исследовать пять мест, расположенных в Новой Зеландии. Среди них лес Вайпуа, Кентербери, улица Куба в Веллингтоне, морской заповедник Чистая Моана и город Роторуа, известный своими геотермальными достопримечательностями. Художник Т. Вэй создал замысловатые красочные иллюстрации каждого из этих мест.

Игра представлена ​​в двух режимах — Challenge и Free Play. Если вы выберете первое, у вас будет ограниченное время, чтобы найти персонажей и различных существ на детально проработанной иллюстрации выбранного вами места.

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

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

Defeat B.O.C.O.

Defeat B.O.C.O.

Победите B.O.C.O.  — это интерактивный проект, созданный Fresh Consulting, чтобы продемонстрировать важность UX-дизайна и необходимость понимания сути задачи до принятия решение. 

The Beast of Conflicting Opinions (B.O.C.O.) — это аллегория проблем, с которыми дизайнеры сталкиваются в своей работе, принимающая несколько форм по всему сайту.

Процесс проектирования разделен на четыре этапа, включая исследование, проектирование, тестирование и доставку. Каждая фаза имеет собственный B.O.C.O., а команда Fresh Consulting делится советами о том, как эффективно решить любую проблему, то есть победить в игре. Анимация выглядит очень красочной и «геометрической», а навигация с горизонтальной прокруткой очень проста в использовании. Крутая фоновая музыка делает посещение сайта насыщенным и веселым приключением.

Tarot-o-Bot

Tarot-o-Bot

Tarot-o-Bot — проект, созданный к 7-летию дизайн-студии Illo. Таро должен предсказывать будущее творческой индустрии. 

Домашняя страница изобилует цветами и различными анимированными элементами, такими как глаз, ключ, волнистая линия, счастливое число 7 (которое также символизирует день рождения студии) и т.д.

Когда вы нажимаете «Enter», ворота Tarot-o-Bot открываются и вы видите на экране три карты. Перед тем, как щелкнуть по ним, вам напоминают сначала подумать о своем будущем, а затем рисовать. Когда вы нажимаете на каждую карточку, они переворачиваются. После вытягивания всех трех карт на экране появляется прогноз на будущее. Вы можете поделиться своим результатом или снова сыграть в игру. Студия сделала около 100 прогнозов, и все результаты были довольно забавными. 

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

BrandStudio

BrandStudio

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

Сделав выбор, вы увидите четыре циферблата — Нью-Йорка, Лондона, Токио и Москвы.  Вам нужно выбрать одно из четырех, чтобы перейти на сайт.  Затем, вы окунетесь в мир потрясающих реалистичных иллюстраций, на которых изображены участники студии и их проекты. На заднем плане перемещаются неожиданные объекты, например, руки и сердце. Курсор мыши имеет форму отрезанной руки. Когда вы проводите над головами спящих участников, вы немного шевелите их и они начнут храпеть. Нажав на любую из голов, вы узнаете больше о каждом члене команды.

Сайт имеет мобильную навигацию и своеобразную музыку, которая сопровождает вас во время просмотра.  Есть два способа познакомиться с BrandStudio: вы можете либо выбрать определенный раздел в их полноэкранном меню (более простой способ), либо, как человек, выполняющий важную миссию, смело перемещаться по игровой, иллюстрированной вселенной, изучая все представленные элементы. Тем самым, узнавая, что они собой представляют (несколько ошеломляющий, но очень забавный способ). Креативность ребят и впрямь поражает.

Violence Conjugale

Интерактивные сайты - Violence Conjugale

Сопряженное насилие — впечатляющий интерактивный проект, созданный для ознакомления людей с некоторыми из наиболее распространенных типов домашнего насилия. Создатели обращают внимание на эти проблемы с помощью «текстовых разговоров» и так называемых примеров сообщений, которыми обмениваются два романтически связанных человека.

Вы, как пользователь, берете на себя роль одной из вовлеченных сторон и выбираете одну из пяти версий, представленных на главной странице в виде стикеров (вы можете попробовать их все, если хотите). Затем, ваш виртуальный партнер отправит вам текстовое сообщение. Во время разговора вы сможете выбрать один из трех возможных ответов. Содержание ответов партнера будет отличаться и зависеть от ваших.

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

Rick and Morty

Интерактивные сайты - Rick and Morty

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

Источник

Опубликовано admin

Добавить комментарий