Топ 10 сайтов с необычным дизайном
Сайты могут не только продавать или знакомить с определенной информацией. Они могут вдохновлять, интриговать, впечатлять и представлять собой настоящее произведение дизайнерского искусства. Специалисты студии DarvinDigital собрали топ 10 сайтов, самых необычных с визуальной точки зрения, и даем бонус: необычные ресурсы, на элементы которых легко можно залипнуть на пару часов. Рекомендуем посетить все приведенные в материале сайты, чтобы лично оценить красоту и легкость анимаций, а еще — уникальность эффектов и решений.
Sea harvest
Семейный ресторан морепродуктов австралийского происхождения креативно подошел к визуализации концепции. Сайт оформлен в виде бумажного меню, причем реализована даже функция заметок. Вы можете оставлять пометки «на полях» в режиме реального времени или подчеркивать пункты меню, словом — взаимодействовать с контентом как угодно. При загрузке первая страница не выглядит статичной: она вылетает будто свежая газета с печатного станка. Интересное решение, которое заставляет проводить на сайте больше времени, изучая все фишки и дизайнерские решения.
Посетить сайт: https://www.seaharvest.net.au/
Catch
Еще один рыбный ресторан с очень интересной реализацией сайта. Главная страница чрезвычайно проста: сложной ветвистой структуры или своеобразных интерактивных элементов нет, но при этом внимание пользователя захватывается с первых секунд. Ролик, демонстрирующий приготовление fish and chips, разделен на этапы, каждый из которых сопровождается рассказом о работе заведения. Снято и реализовано настолько вкусно, что так и хочется попробовать.
Посетить сайт: https://www.catchfishandchips.com.au/
Stockholm design lab
На первый взгляд сайт шведской дизайнерской команды может показаться простым, но статика мгновенно сменяется движением, подобным открывающим титрам сериала «Теория Большого взрыва». Скорость анимации при этом комфортная, а демонстрация визуальных элементов позволяет оценить креативность решений, принятых дизайнерской командой для отдельных проектов. Сайт идеально отражает основные принципы создателей: простота и креативность. Казалось бы, взаимоисключающие понятия здесь реализованы отлично.
Посетить сайт: https://www.stockholmdesignlab.se/
Libratone
Настолько простой дизайн, что его можно смело отнести к необычным. Приятная цветовая гамма, минимализм, воздух, исключительно полезная информация для покупателя — вот, каким должен быть современный продающий лендинг. Ничто не отвлекает от главного, и каждый элемент идеально демонстрирует продукт. Стильное и легкое оформление, которое так и хочется рассматривать более детально.
Посетить сайт: https://www.libratone.com/uk/
Duroc
Британская компания занимается продажей томатов из Марокко. Сайт интересен тем, что на нем анимированы абсолютно все элементы. Интерактивный курсор отражает прогресс загрузки основного вступительного ролика и одновременно дает возможность пропустить его по клику. Каждый блок можно рассмотреть более детально, а история компании реализована в виде интерактивного таймлайна. Все для того, чтобы вы провели здесь как можно больше времени и полностью удовлетворили свое любопытство. Для каждого раздела снят собственный ролик.
Посетить сайт: https://www.duroc.ma/en/
ITECH.group
Сайт отечественных разработчиков отличается минимализмом и информативностью. Кроме того, на нем реализовано множество интересных и необычных фишек, которые не отвлекают внимание от основного. Стильный брендированный дизайн, контрастные цвета, удобный шрифт, элементы взаимодействия похожи на оформление компьютерных игр. Сайт хочется изучать.
Посетить сайт: https://itech-group.ru/
Superjet 200
Тот случай, когда действительно «первым делом — самолеты». Ресурс посвящен разработке лайнера нового поколения. Легкая анимация создает полное ощущение полета, информационные блоки сопровождаются роликами, которые проигрываются автоматически: при этом долго ждать, пока они прогрузятся, не нужно. Эффектная реализация презентации новой разработки, которая приковывает к себе внимание с первого взгляда.
Посетить сайт: https://superjet.rostsayt.ru/
Lemme Cosmetics
Очень легкий, воздушный сайт, созданный с учетом ожиданий целевой аудитории, большую часть которой составляют женщины. Мягкая палитра, нежные оттенки, ненавязчивая анимация, интуитивно понятный и удобный дизайн. И все это в сопровождении продуманной структуры. Сайт дарит не столько впечатления, сколько ощущения: легкости, свободы, свежести, приятного морского бриза. На нем хочется проводить время и наслаждаться красотой.
Посетить сайт: https://lemme.looknewsite.ru/
Катарина Кухни
Компания занимается разработкой уникальных проектов для кухонь самых разных планировок. Дизайн на первый взгляд может показаться простым, но в нем скрывается множество интересных деталей. Оформленный в журнальном стиле, он будто пахнет типографской краской и просится в руки. Каждый элемент демонстрирует фирменный стиль и уникальность решений, при этом скорость загрузки остается высокой, визуальные элементы не подвисают.
Посетить сайт: https://catarina-kuhni.ru/
Green Pride
Простой сайт для поиска временного персонала. Каждый экран динамичный, при прокрутке элементы оформления вылетают с разных сторон экрана. Реализована функция предварительного расчета: причем предлагается рассчитать не стоимость услуг, а экономию при обращении именно в эту компанию, после чего выводится обновленная индивидуальная инфографика. Ненавязчивый дружелюбный дизайн оформлен так, что на нем буквально отдыхаешь в ходе решения своей задачи.
Посетить сайт: https://gg.looknewsite.ru/
Бонус: 5 самых необычных сайтов в Интернете
Небольшая подборка ресурсов, которые отличаются настолько уникальными фишками, что их обязательно стоит посетить. Хотя бы из любопытства.
Zoomquilt
Основная и единственная фишка сайта в том, что путешествие внутрь картины никогда не закончится. Движение реализовано при помощи увеличения определенной части изображения: посетитель буквально падает в картину и двигается все дальше и дальше. Так легко можно провести несколько часов.
Посетить сайт: https://zoomquilt.org/
Howmanypeopleareinspacerightnow
Если когда-нибудь вас посещала внезапная мысль «интересно, а сколько человек сейчас находится в космосе?», то теперь у вас есть инструмент для быстрого ответа. Сайт выполняет одну-единственную цель: показывает, как много человек на данный момент находится за пределами земной атмосферы, данные обновляются в режиме реального времени. Прокрутив страницу вниз, можно ознакомиться с данными на каждого космонавта.
Посетить сайт: https://www.howmanypeopleareinspacerightnow.com/
codepen.io
Необычный сайт позволяет визуализировать закон гравитации, добавляя точки и наблюдая за тем, как частицы взаимодействуют с ними. Количество частиц можно увеличить или уменьшить, как и задать абсолютно любое количество точек гравитации. Необычный онлайн-эксперимент, реализованный просто и легко для пользователя.
Посетить сайт: https://codepen.io/akm2/full/AGgarW
Willrobotstakemyjob
ИИ рисует прекрасные картины, которые сложно отличить от реальности, и это далеко не все, на что способны нейросети. У многих возникают справедливые опасения, что их профессия вскоре будет заменена либо нейросетью, либо другим видом ИИ. Разработчики этого ресурса предоставляют возможность вычислить вероятность такого события. А также рассчитать уровень предполагаемого роста или снижения заработной платы, что особенно полезно для тех, кто находится в поисках работы и хочет убедиться в стабильности будущего. Максимально минималистичный дизайн, но при этом уникальный функционал.
Посетить сайт: https://willrobotstakemyjob.com/
Button.dekel
Ни у кого больше нет такого дизайна, и это немудрено. Только на этом сайте можно нажать на кнопку, которая «сделает все хорошо». Дизайн максимально простой, как и принцип действия функционала: пользователь нажимает на кнопку, после чего появляется прогресс загрузки с надписью «делается все хорошо», а по окончании процесса — уведомление, что все стало хорошо. А если не стало, необходимо отрегулировать настройки восприятия объективной реальности. Один из самых необычных дизайнов и функционал, который может оказаться очень кстати: переходите и пробуйте.
Посетить сайт: http://button.dekel.ru/
а мы предложим подробный план её решения и реализуем задуманное