Полное погружение: 13 сайтов, от которых захватывает дух

В прошлый раз мы поднимали настроение упоротыми решениями, а сегодня поступим наоборот — ловите 13 сайтов с крутым дизайном, от которых сложно оторвать взгляд. Чаще всего подобный дизайн делается не с целью что-то продать, а чтобы создать вау-эффект и погрузить пользователя во взаимодействие с продуктом.

Наливайте себе чай или кофе, садитесь поудобнее и наслаждайтесь подборкой :)

Посетить сайты с туннельной анимацией — значить погрузиться в волшебный мир. Да что тут говорить — убедитесь сами.

1. Онлайн-путешествие по Британскому музею с помощью Google

Британский музей совместно с Google разработали сайт, в котором можно посмотреть на музейные экспонаты в режиме онлайн. Орудуя колесиком мышки, вы перемещаетесь в разные эпохи, которые имеют отношение к самым удивительным объектам в истории человечества.

2. Сайт для группы Аквариум

Ранее этот сайт попал в подборку упоротых, но как исключение. Все-таки он прекрасен, особенно если смотреть со звуком. В нем все насквозь пронизано символами, смысл которых, как и творчество БГ, смогут понять лишь избранные :)

3. Сайт об истории российского флага

Сайт сделан в виде временной спирали, которая переносит нас в музейные залы, которые показывают определенный период в жизни флага и наполняется артефактами — приметами и отсылками к знаменательным событиям. Смотреть в наушниках :)

4. Швейцарский топ-чарт за 50 лет

Надевайте наушники и приготовьтесь к путешествию. Вас перекинет на музыкальный сайт, в котором собраны хиты со всего мира с 1968 по 2017 год. Страница оформлена в виде звездного неба, где каждая звездочка — когда-то завирусившаяся песня.

5. Море, которым мы дышим

Переходя по ссылке, задержите дыхание. Вас затянет водоворот, а после выкинет на страницу, в которой предложат посетить один из 3-х океанов. Смотрите строго со звуком, вас ждет занимательный рассказ о том, что вы можете сделать, чтобы внести свой вклад в защиту океана.

Обычно, когда вы прокручиваете страницу сайта, элемент появляется полностью, но в этой подборке анимация напрямую зависит от прокрутки экрана. Элемент появляется ровно настолько, насколько вы прокрутили экран.

1. Интерактивный роман «Лодка»

Рассказ о вьетнамских беженцах, покидавших военную территорию морским путем. Попадая в пучины сторителлинга, у вас вряд ли получится оторваться от него в ближайший час, поэтому советуем читать и слушать историю в исключительно свободное от работы время.

2. Проект британского автодилера Evans Halshaw «Машины Бонда»

Анимированная инфографика презентует все модели автомобилей, которые были у Агента 007, начиная с 1962 года и заканчивая 2020!

3. Путь от зерна к чашке

Что происходит с кофе прежде, чем он попадет к нам домой? Кликайте по ссылке и вы сами все увидите. Нескучная анимация о том, какой путь проделывает маленькое кофейное зернышко.

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

1. Арт-проект, посвященный важным событиям в истории космонавтики

Хотите прогуляться по интерактивному космическому таймлайну со звуковым сопровождением? Отлично, вам осталось только подключить звук! Вас ждут первые космические аппараты, полеты к планетам и посадки на космические объекты.

2. Сайт студии стратегии и дизайна из Кейптауна

Его фишка в непрерывности. При переходе на сайт работает горизонтальная прокрутка, но как только вы кликните на их кейс, скролл превратится в вертикальный.

3. Один день из жизни зомби

Соскучились по интерактивным комиксам? Мы да, а потому с удовольствием просмотрели этот комикс, чего советуем и вам. Познавательная история о том, через что проходят актеры, чтобы превратиться в настоящих зомби.

4. Биография немецкого фэшн-фотографа Петера Линдберга

Красивый биографичный сайт памяти Петера Линдберга. На страницах работает не только горизонтальная, но и классическая вертикальная прокрутка, управлять которой одно удовольствие.

5. Сайт-визитка производителя мебели

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

Подобный дизайн уместен на промо-страницах, биографических проектах и сайтах, посвященным историческим событиям. Здесь утилитарность уступает место оригинальности, что и цепляет посетителей — они готовы провести больше времени на сайте, проникнуться атмосферой и получить новый опыт.

Их не пугает непривычная навигация и сложный интерфейс. Незаурядная подача помогает проектам занимать призовые места на конкурсах, а дизайнерам — демонстрировать свои навыки.

С вами была Веб-студия Пиробайт. Подписывайтесь на наш блог, вас ждет много интересного ;)

Если у вас есть задача разработать сайт или мобильное приложение, то напишите в Телеграм, мы это обсудим: https://t.me/sashadzen

Заказать разработку сайта, веб-сервиса или мобильного приложения на нашем сайте: https://vk.cc/cuglQZ

Партнерская программа, где мы платим от 10 000 до 200 000 рублей за контакты тех, кому нужен дизайн или разработка: https://vk.cc/cuglXT

Телеграм-канал Саши Комбарова про управление агентством, проектами, людьми: https://t.me/sasha_kombarov

Телеграм-бот, который бесплатно выдает чек-листы, памятки и регламенты по управлению, маркетингу, аналитике, дизайну и разработке: https://t.me/regulations_pyro_bot