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