Интернет — это по-настоящему волшебное место, в котором каждый может почувствовать себя творцом и воплотить в жизнь свои самые смелые замыслы.
Растущая роль сети как интерактивной площадки для обучения, коммерческой деятельности, общения и творчества ставит перед веб-дизайнерами задачи на совершенно новом как технологическом, так и идейном уровнях.
Перед вами 10 удивительных примеров настоящего веб творчества, которое обеспечивает незабываемый и эффективный user experience (опыт пользовательского взаимодействия).
1. Если бы луна уместилась в один пиксель
На данном сайте вашему вниманию предлагается модель солнечной системы, весьма успешно адаптированная к веб-среде. Как вы уже догадались, в качестве единицы измерения выбран 1 пиксель, который приравнен к диаметру луны.
А как вы думаете, сколько бы пикселей понадобилось, чтобы изобразить Плутон?
В путешествие вы отправляетесь от Солнца и движетесь навстречу звездному ветру и знакомым с детства планетам. Вы можете прокрутить все планеты вручную (на сайте реализован параллакс-скроллинг), либо сесть на хвост лучику света.
В шапке сайта есть и более привычная навигация. Однако о ней вспоминаешь только после нескольких световых минут.
2. Эмоции и звуки
Опираясь по большей части на зрительное восприятие окружающего мира, мы иногда забываем, насколько важны для нас и звуки.
Этот приятный ресурспредложит вам прослушать несколько записей (от детского лепета до шума дождя) и выразить те чувства, которые у вас возникают.
Тут же будет дана статистика по ответам других людей. После всего теста вы сможете узнать, насколько ваше эмоциональное восприятие совпадает с восприятием всех принявших участие посетителей.
3. Частота 2156
Вы никогда не задумывались над тем, каким может быть пост-апокалиптический мир? Теперь у вас есть возможность услышать его на сайте Frequency 2156— цифровом радио, вещающем из 2156 года. Вы можете услышать голоса выживших, и то, как они описывают окружающую их действительность. А можете и себя попробовать в этой роли и загрузить собственный ролик. Апокалипсис всего на расстоянии клика!
4. Nexus 5
Еще один потрясающий во всех отношениях лендинг, продвигающий популярный смартфон Nexus 5. Яркие образы и стильный параллакс-скроллинг успешно выполняют поставленную задачу, эффектно демонстрируя смартфон и развлекая зрителей.
5. Flight Radar 24
Мистическое исчезновение малайзийского самолета весной 2014 года продолжает будоражить общественность. Чтобы предотвратить подобные трагедии в будущем, был разработан сайт Flight Radar 24, который в режиме реального времени показывает, где находится каждый самолет, находящийся в воздухе.
Информация поступает с датчиков GPS, установленных на бортах самолетов, а чтобы получить детальную информацию о воздушном судне, достаточно просто кликнуть по пиктограмме.
6. Новости BBC: с широко распахнутыми руками
Как и в случае с презентационным сайтом смартфона Nexus 5, эта целевая страница, повествующая об истории создания статуи Христа-Искупителя в Рио-де-Жанейро, исполнена при помощи ярких, притягательных образов и эффекта параллакс-скроллинг.
Изображения интересно накладываются друг на друга и придают сайту глубины и содержательности. Эта тактика работает беспроигрышно и заслуженно привлекает внимание тысяч посетителей.
7. Ô Green
Такого вы еще не видели! Совершенно новый пользовательский опыт от компании Nestle. Больше добавить нечего: погружайтесь сию минуту.
8. Музыкальная академия Red Bull
С Red Bullвы по-настоящему можете прикоснуться к новым ощущениям и приобрести новый опыт. Первый экран сайта — это интерактивный календарь, который реагирует на каждое ваше движение мышью.
9. MLS Season Preview
Это еще один сайт, который использует параллакс-скроллинг весьма неординарным способом. MLS Season Previewпродолжает тренд интерактивных статей, то есть такой подачи материала, при которой содержание текста изменяется при взаимодействии с посетителем.
Все выглядит весьма содержательно и интересно.
10. Страница 404 с классической игрой про леммингов
Страница 404— это излюбленное место для экспериментов всех без исключения ярко и оригинально мыслящих веб-дизайнеров. Этот вариантпредлагает вам не разочаровываться, а сыграть партию в классическую игру про леммингов.
Вдохновляйтесь, глядя на эти великолепные образцы широты веб-дизайнерской мысли, и творите собственные чудеса.
Высоких вам конверсий!
По материалам blog.usabilla.com, image source Nathan Congleton