Одна из областей, где наблюдается сейчас настоящий бум, это браузерные игры. Мы не говорим о таких монстрах как Battlefield и Call of Duty — имеются в виду небольшие игровые фишки, которые делают обычные сайты интереснее. Трудно спорить с тем фактом, что геймификация на данный момент в тренде, поэтому эта статья посвящена ей по всех ее проявлениях.

Современные технологии ежедневно открывают доступ к новым горизонтам.  Если вы до сих пор оплакиваете смерть флэш-технологий, то, скорее всего, упустите уникальные возможности, которые предоставляют WebGL, HTML5 и другие современные библиотеки и языки. Пришло время оставить прошлое позади и впустить в свою жизнь передовые решения, которые дают жизнь шикарным проектам, полным динамики и интерактива.

Одна из областей, где наблюдается сейчас настоящий бум, это браузерные игры. Мы не говорим о таких монстрах как Battlefield и Call of Duty — имеются в виду небольшие игровые фишки, которые делают обычные сайты интереснее. У таких игр есть огромный потенциал для того, чтобы внести каплю удовольствие и глоток свежего воздуха в любой проект, даже в самый скучный и серьезный. Взгляните, например, на № 6 в нашем списке — он явно выводит политику на новый уровень. Или № 4, который дает возможность оскорбить человека весьма милым способом.

Сегодня мы собрали всего 18 примеров. Но вы же понимаете, что на просторах интернета их гораздо больше.

Примеры геймификации

Colony TV

Сайт был создан для новой американской научно-фантастической драмы. Он мгновенно привлекает нас своей невероятной реализацией. Исследуйте карту, выполните игровые миссии, разблокируйте секретные разведданные, смотрите эпизоды.
Futurama: Game of Drones

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

Game of Scroll

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

The Avenging Lama

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

Maratropa

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

Trump Donald

Тут все запредельно просто, но ужасно весело. Причем сайт захватывает внимание, даже если вы не в курсе американских политических джунглей. Это как бы графическое воплощение англоязычного каламбура «to trump Donald». Тут можно сделать снимок и поделиться им с друзьями. Посмотрите, сколько уже людей причесали Дональда!

Celebrity Betmatch

Это микросайт предлагает насладиться полностью интерактивным видео опытом. Здесь вы найдете мини-фильмы, которые проливают свет на африканских знаменитостей.

FarCry Primal

У FarCry Primal есть фантастический промо сайт, который отлично передает атмосферу этой видеоигры, завоевавшей множество наград. Здесь тема каменного века во всем! Можно посмотреть трейлеры, скачать фан-кит, изучить интересные моменты и пр.

Collapse

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

TravelZoo

Главная страница Travelzoo представляет собой небольшую развлекательную викторину, тестирующую ваши знания по литературной карте Великобритании, таким образом, привлекая ваше внимание к этой великолепной стране. У вас есть 30 секунд на выполнение задачи.

Mira

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

Defi Ingenieurs

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

Cash Contagion

Cash Contagion — еще один проект, который основан на произведениях Тома Клэнси. Идея строится на гипотезе, что банкноты могут передавать вирус. Сайт работает с евро и фунтами и использует реальные данные.

SyFy: The Magicians

Сайт продвигает неплохой сериал под названием «Волшебники» (“The Magicians”). Здесь все строится на повествование с интерактивными деталями, множеством видео и картинок. Можно пройти урок, прогуляться по университету и т.д. 

D’Addario Nickel Bronze Strings: Hear the Difference

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

Hunt or Be Hunted

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

Eyezen Challenge

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

Occupied

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

Conclusion

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

Автор - Nataly Birch

Перевод — Дежурка

Смотрите также:

• Как создавать дизайн для креативных агентств 
• Когда уместно использовать навигационную цепочку в веб-дизайне 
• Восемь причин вести блог + 20 вдохновляющих примеров