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

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

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

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