20 лучших интерактивных одностраничных сайтов, посмотрев которые вы поймете, что такое современный сайт

Изображение: gardenestudio.com.br
Изображение: gardenestudio.com.br

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

JSConf (Мероприятие)

Красивый сайт прошедшей в ноябре в Буэнос-Айресе конференции «JSConf» включает в себя интерактивную игру, анимацию и расписание выступления спикеров. Перейти на сайт.

BrightMedia (Портфолио)

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

Visage (Приложение)

Изображение: visage.co
Изображение: visage.co
Страница приложения Visage, помогающего создавать отчеты, отличается хорошо подобранной цветовой схемой и шрифтами. Перейти на сайт.

The Costa Experience (Продукт)

Изображение: costa.co.uk/experience/
Изображение: costa.co.uk/experience
Сайт Costa Coffee представляет собой интерактивное путешествие от кофейного зерна до чашки кофе, оформленное с помощью красивых иллюстраций, анимации и интересных фактов. Перейти на сайт.

Vinyl Day 2014 (Мероприятие)

Изображение: satchmi.com/vinylday/
Изображение: satchmi.com/vinylday
Красивые яркие иллюстрации составляют основу сайта музыкального концерта «Vinyl Day 2014». Перейти на сайт.

World of SWISS (Информационный сайт)

Изображение: world-of-swiss.com/en
Изображение: world-of-swiss.com/en
«World of SWISS» — это впечатляющая интерактивная, управляемая с помощью скроллинга, анимация от авиакомпании Swiss Airlines. Перейти на сайт.

Visionare (Приложение)

Изображение: bevisionare.com
Изображение: bevisionare.com
Красивый (обратите особое внимание на текстуры) сайт для приложения «Visionare», которое поможет достигать поставленных целей. Перейти на сайт.

World Food Clock (НКО)

Изображение: worldfoodclock.com
Изображение: worldfoodclock.com
«World Food Clock» — это потрясающая интерактивная страница, затрагивающая проблемы глобального производства еды и отходов. Перейти на сайт.

Resanova (Сервис)

Изображение: resanova.fr
Изображение: resanova.fr
Интерактивный сайт с хорошо сделанной SVG-анимацией. Перейти на сайт.

For Better Coffee (Информационный сайт)

Изображение: forbetter.coffee
Изображение: forbetter.coffee
For Better Coffee — это красиво оформленные пять главных правил приготовления хорошего кофе. Перейти на сайт.

Smartphones… Dumb Users (Экспериментальный сайт)

Изображение: mobiles.co.uk/smart-phone-dumb-users/
Изображение: mobiles.co.uk/smart-phone-dumb-users
«Smartphones… Dumb Users» — это страница, иронизирующая над типичными пользователями смартфонов и их поведением. Перейти на сайт.

Support Kyoto Protocol (НКО)

Изображение: supportkyoto.org
Изображение: supportkyoto.org
Красивая и убедительная социальная кампания, привлекающая внимание к проблемам изменения климата. Перейти на сайт.

Degordian Academy (Мероприятие)

Изображение: academy.degordian.com
Изображение: academy.degordian.com
Минималистичный сайт «Degordian Academy», лекционной программы на тему цифрового маркетинга. Перейти на сайт.

CUPS Annual Report (Ежегодный отчет)

Изображение: cupsannual.ca
Изображение: cupsannual.ca
Иллюстрированная страница, на которой размещен ежегодный отчет «CUPS» — некоммерческой организации, помогающей людям бороться с бедностью. Перейти на сайт.

WMNVM (Портфолио)

Изображение: wmnvm.com
Изображение: wmnvm.com
Сайт-портфолио, навигацию по которому вы сможете осуществлять с помощью кнопок клавиатуры и горизонтального скроллинга. Перейти на сайт.

Garden Estúdio (Портфолио)

Изображение: gardenestudio.com.br
Изображение: gardenestudio.com.br
Сайт, выполненный в красно-фиолетовой схеме и красиво разворачивающийся по мере его прокрутки. Перейти на сайт.

Diamonds in the Sky (Экспериментальный сайт)

Изображение: 77diamonds.com/diamonds-in-the-sky
Изображение: 77diamonds.com/diamonds-in-the-sky
Интересная идея интерактивной визуализации — каждый пользователь может создать свою звезду в цифровой вселенной. Перейти на сайт.

ELEKS (Игра, Информационный сайт)

Изображение: eleks.com/qa
Изображение: eleks.com/qa
Страница показывает, как устроен процесс тестирования и проверки качества для продуктов ELEKS. Перейти на сайт.

I Remember (Экспериментальный сайт)

Изображение: i-remember.fr/en
Изображение: i-remember.fr/en
Сайт «I Remember» посвящен людям, страдающим болезнью Альцгеймера. Состоящий из воспоминаний людей, сайт постепенно исчезает, и от пользователя зависит, будет ли от добавлять новые воспоминания, чтобы поддерживать его живым. Перейти на сайт.

Five Minutes (Экспериментальный сайт, Игра, Продукт)

Изображение: fiveminutes.gs
Изображение: fiveminutes.gs
В «Five Minutes» вам предстоит стать участником интерактивной HTML5-игры. Вероятно, это будут лучшие пять минут, которые вы проведете сегодня в Интернете. Перейти на сайт. По материалам: The Top 20 One Page Websites from 2014