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