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