Сердечко замирает: 10 сайтов, которые вызывают мурашки (и чуть-чуть — недоумение)
На связи Пиробайт. Каждую пятницу мы проводим смотры сайтов. Ребята находят классные порталы, веб-приложения и сервисы, и в течение 15 минут презентуют их команде. Традиция повышает насмотренность у всех участников, а что-то мы даже берем в работу! Сегодня приглашаем вас присоединиться к нашей практике.
Показываем проекты с крутыми идеями и вау-визуализацией
1) Проект ТАСС «Буран. Разбор полета»
ТАСС представил проект, посвященный 30-летию полета ракетоплана «Буран». 15 ноября 1988 года он совершил свой первый и единственный полет. Нас зацепила драматичность повествования и то, как визуализировали ее авторы лонгрида.
«Изменить место посадки после входа в атмосферу было уже невозможно — у «Бурана» отсутствовали авиационные двигатели»
Проект собрал кучу наград и сейчас находится в музее космонавтики.
Прекрасный сторителлинг и графическое сопровождение
2) Сайт швейцарской полиграфической компании Setaprint
Отдельное искусство. Нам приглянулся его флюидный градиент, который реагирует на курсор, отсылает к смешению красок в полиграфии и придает сайту динамику.
Интересно при этом, что внутренние страницы сохраняют строгость за счет монохромных блоков, напоминающих ч/б печать.
Советуем скроллить под эмбиентную музыку :)
3) Сайт агентства Motion sickness
Motion sickness — это креативное агентство из Новой Зеландии. Во-первых, их сайт и правда невероятно креативный (просто кликните по ссылке и наслаждайтесь)
А во-вторых, чего только стоит одна страница о сотрудниках — каждого из них можно перемещать по блоку.
А кто заметил самого главное работника?) Подсказка — он хороший мальчик
4) Инфокарта уральской столицы
Когда был построен ваш дом? Где чаще всего происходят ДТП? Чтобы ответить на эти и другие вопросы, ребята-энтузиасты из Екатеринбурга собрали и визуализировали все данные о городе в одном сервисе.
Проект открытый, его исходный код лежит на GitHub. Сам сервис находится на этапе бета-версии, и чуть позже разработчики добавят в проект новых фич. В планах — визуализировать данные обо всех городах мира.
5) Сайт Species in Pieces
In Pieces — это интерактивная выставка самых редких видов представителей фауны. Классной получилась и сама идея, и дизайн с анимацией полигональных фигур и нестандартным управлением.
Шоукейс из 30 видов животных. Элементы, из которых состоит зверек, по скроллу модифицируются в другого — очень залипательно
Кстати, на Smashing Magazine есть статья о моментах создания проекта (с кодами и описаниями)
6) Сайт перчаток Bronitex
Пример того, что даже такие простые и привычные вещи как перчатки, можно представить как нечто премиальное. Сайт получился мега стильным. Оправданно забрал призовые места от Workspace Digital Awards и «Золотого сайта». А вчера выяснилось, что еще и от Рейтинга Рунета.
В общем, ребята из red collar постарались
Искали золото, а нашли 3D
Теперь покажем работы ребят из Lusion Labs — креативной студии из Британии. Специализируется на создании графики для студий и агентств. Работают с Гуглом, Coca-Cola и другими крутыми ребятами, о которых нельзя говорить из-за NDA. У них есть 2 направления — экспериментальное и коммерческое.
Визуализатор шейдеров
Шейдеры — это набор инструкций, которые говорят компьютеру, как рассчитывать и отображать цвета/формы на экране. Они создают эффекты и текстуры, которые делают игры и фильмы «живыми».
Полагаем, что это как раз и есть экспериментальное направление. Проект крут податливостью на манипуляции мышки и музыкальным погружением.
А может это волны? Или вата?
Сайт для ION/X1
Эту работу мы нашли на Awwwards. Смотреть в наушниках, потому что ну ооочень музыкально и медитативно.
Магия происходит не только по скроллу, но и в ушах
Симулятор волос!
А может, и не волос. Мы не знаем, что это такое. Главное, что на бегунках можно оторваться: поменять фон, размер, толщину, направление, скорость. Сделать шарик вяленьким, или наоборот — мега устрашающим, как у нас:
Сайт, затерянный в параллельной вселенной
Вернее не сайт, а сама задумка. Экспериментальное направление. Идея в том, что люди пытаются выжить в параллельной вселенной, используя энергию земли. 3D-модель меняет цвет, мигает, замирает, потухает — в общем, живет своей жизнью.
Добро пожаловать в портал!
Понравилась подборка? Если хотите узнать, как создаются такие эффекты, напишите в комментах. Постараемся подготовить обзор сервисов и решений.
Заказать разработку сайта, веб-сервиса или мобильного приложения на нашем сайте: https://vk.cc/cuglQZ