В последнее время вижу тренд на использование антиквенных шрифтов там, где они, казалось бы, не очень уместны. Этот сайт выполнен в техно-ретро стилистике: угловатые формы, тёмные цвета, облака на фоне, полосы как на старых экранах. Один из блоков вообще похож на экран установки Windows XP (кто помнит, тот поймёт). Кажется, что в такой стилистике шрифты должны быть только рубленные, а то и вовсе моноширинные. Но вместо них акцидентным шрифтом выбрана вполне изящная антиква. Сочетание на удивление удачное, приятно разбавляет технократичный визуал.
Что по поводу самого сайта. Очень понравился блок про финансовые потери, на нём можно надолго залипнуть. Ещё хочется похвалить дизайнеров за эффекты на фоне. Выглядит круто и необычно, как и весь проект в целом.
〰️
Recently, I have seen a trend towards using antique fonts where they would seem to be not very appropriate. This site is made in a techno-retro style: angular shapes, dark colors, clouds on the background, stripes like on old screens. One of the blocks is generally similar to the Windows XP installation screen (those who remember will understand). It seems that in such a style, fonts should only be chopped, or even monospaced. But instead of them, quite an elegant antique was chosen in an accidental font. The combination is surprisingly successful, pleasantly dilutes the technocratic visual.
What about the site itself. I really liked the block about financial losses, you can stick to it for a long time. I also want to praise the designers for the effects on the background. It looks cool and unusual, as does the whole project.
https://www.ethos.network/
Что по поводу самого сайта. Очень понравился блок про финансовые потери, на нём можно надолго залипнуть. Ещё хочется похвалить дизайнеров за эффекты на фоне. Выглядит круто и необычно, как и весь проект в целом.
〰️
Recently, I have seen a trend towards using antique fonts where they would seem to be not very appropriate. This site is made in a techno-retro style: angular shapes, dark colors, clouds on the background, stripes like on old screens. One of the blocks is generally similar to the Windows XP installation screen (those who remember will understand). It seems that in such a style, fonts should only be chopped, or even monospaced. But instead of them, quite an elegant antique was chosen in an accidental font. The combination is surprisingly successful, pleasantly dilutes the technocratic visual.
What about the site itself. I really liked the block about financial losses, you can stick to it for a long time. I also want to praise the designers for the effects on the background. It looks cool and unusual, as does the whole project.
https://www.ethos.network/
🔥22🤔8❤6
Изучая трёхмерный лендинг я набрёл на основной сайт этой компании и не сразу понял, что перешёл, технически, на другой сайт. Поэтому сегодня расскажу сразу про два, хотя я считаю это разными страницами одного сайта.
Это очень красивый, техничный и концептуальный проект. Нет смысла говорить о 3D, ведь без слов понятно, что работа очень мощная: проработанный сценарий, текстуры и свет приправлены настолько хорошей оптимизацией, что даже на загрузку сайта уходит пара секунд. Но речь не об этом. Я бы хотел обратить ваше внимание на всё, что происходит вокруг: типографика, элементы интерфейса, карточки, анимации. Абсолютно каждый элемент каждой страницы сайта продуман и сделан с большой любовью. Даже банальные привычные паттеры сделаны так, чтобы вызывать вау. Это один из тех проектов, который дарит это приятное ощущение душевного покоя и вдохновения, потому что ты понимаешь, что этот проект делался с удовольствием.
〰️
While studying a 3D-landing, I came across the main website of this company and did not immediately realize that I had technically moved to another site. Therefore, today I will tell you about two at once, although I consider these to be different pages of the same site.
This is a very beautiful, technical and conceptual project. There is no point in talking about 3D, because without words it is clear that the work is very powerful: the elaborated script, textures and light are seasoned with such good optimization that even it takes a couple of seconds to load the site. But that's not the point. I would like to draw your attention to everything that is happening around: typography, interface elements, flashcards, animations. Absolutely every element of every page of the site is thought out and made with great love. Even the banal familiar patterns are made to cause wow. This is one of those projects that gives you this pleasant feeling of peace of mind and inspiration, because you understand that this project was done with pleasure.
https://synthetic-humans.ai/
https://ai.fantasy.co/
Это очень красивый, техничный и концептуальный проект. Нет смысла говорить о 3D, ведь без слов понятно, что работа очень мощная: проработанный сценарий, текстуры и свет приправлены настолько хорошей оптимизацией, что даже на загрузку сайта уходит пара секунд. Но речь не об этом. Я бы хотел обратить ваше внимание на всё, что происходит вокруг: типографика, элементы интерфейса, карточки, анимации. Абсолютно каждый элемент каждой страницы сайта продуман и сделан с большой любовью. Даже банальные привычные паттеры сделаны так, чтобы вызывать вау. Это один из тех проектов, который дарит это приятное ощущение душевного покоя и вдохновения, потому что ты понимаешь, что этот проект делался с удовольствием.
〰️
While studying a 3D-landing, I came across the main website of this company and did not immediately realize that I had technically moved to another site. Therefore, today I will tell you about two at once, although I consider these to be different pages of the same site.
This is a very beautiful, technical and conceptual project. There is no point in talking about 3D, because without words it is clear that the work is very powerful: the elaborated script, textures and light are seasoned with such good optimization that even it takes a couple of seconds to load the site. But that's not the point. I would like to draw your attention to everything that is happening around: typography, interface elements, flashcards, animations. Absolutely every element of every page of the site is thought out and made with great love. Even the banal familiar patterns are made to cause wow. This is one of those projects that gives you this pleasant feeling of peace of mind and inspiration, because you understand that this project was done with pleasure.
https://synthetic-humans.ai/
https://ai.fantasy.co/
❤14🔥8👏5
В этом лендинге технология максимально связана с природой. С чем-то естественным, человеческим. Это создаёт ощущение комфорта, которого нам так не хватает в технократичном мире. Это достигается за счёт большого количеством фотографий на природе, рукописных иконок и спокойной тёплой цветовой палитры. Это хорошо сочетается с концепцией самого продукта — желтоватый монитор, от которого не болят глаза. Отдельно хочу выделить экран, который выглядит как стена, на которую падает тень от дерева за окном. Это очень трогательно выглядит. В противовес этому некоторые блоки наоборот оформлены с эффектом того самого оранжевого монитора, демонстрируя то, как будут выглядеть изображения на продаваемом продукте.
Дизайнеры здесь смогли передать и суть продукта и добиться необходимых эмоций и создать ощущение комфорта у зрителя.
〰️
In this landing page, technology is maximally connected with nature. With something natural, human. This creates a sense of comfort that we so lack in a technocratic world. This is achieved through a large number of photos in nature, handwritten icons and a calm warm color palette. This fits well with the concept of the product itself — a yellowish monitor that does not hurt your eyes. Separately, I want to highlight the screen, which looks like a wall on which the shadow of a tree falls outside the window. It looks very touching. In contrast, some blocks, on the contrary, are decorated with the effect of the same orange monitor, demonstrating how the images on the product being sold will look.
The designers here were able to convey the essence of the product and achieve the necessary emotions and create a sense of comfort for the viewer.
https://daylightcomputer.com/
Дизайнеры здесь смогли передать и суть продукта и добиться необходимых эмоций и создать ощущение комфорта у зрителя.
〰️
In this landing page, technology is maximally connected with nature. With something natural, human. This creates a sense of comfort that we so lack in a technocratic world. This is achieved through a large number of photos in nature, handwritten icons and a calm warm color palette. This fits well with the concept of the product itself — a yellowish monitor that does not hurt your eyes. Separately, I want to highlight the screen, which looks like a wall on which the shadow of a tree falls outside the window. It looks very touching. In contrast, some blocks, on the contrary, are decorated with the effect of the same orange monitor, demonstrating how the images on the product being sold will look.
The designers here were able to convey the essence of the product and achieve the necessary emotions and create a sense of comfort for the viewer.
https://daylightcomputer.com/
🔥33❤7👏4🤔1
This media is not supported in your browser
VIEW IN TELEGRAM
Сегодня пятница, а значит, сегодня контент для вас готовят топовые дизайн-студии. Сегодня у нас в гостях агентство SALT AND PEPPER. Передаём им слово:
Привет, в этот раз посмотрим на сайт студии Unseen. В глаза бросается «глубина» за счёт 3D-пространства и использования трёх координатных осей при навигации. Также отметим органическое поведение сайта, имитирующее воду. Вместе с эмбиентовой музыкой оно создает спокойный муд, который настраивает на размеренное и вдумчивое знакомство.
Нам понравилось взаимодействие курсора с поверхностью воды и другими элементами. Эта рябь уже стала распространенным эффектом в таких сайтах, но в случае Unseen это не просто приколюха — она поддерживает тему сайта. Да и в 3D-пространстве этот прием встречается редко . Часто его используют, чтобы как раз добавить глубины 2D-контенту.
Ребята круто использовали 3D в свою пользу — переходы происходят бесшовно вплоть до страницы кейса. Если не задумываться, то можно и не понять, на какой ты странице. Впрочем, понятие «страница» весьма условное для такого иммерсивного экспириенса.
Переход в галлерею проектов вызывает сильный вау-эффект. Он достигается за счёт выверенной хореографии нескольких художественных приемов: «заныривающее» движение камеры вперед и вниз, искажение во время погружения, приглушение музыки в соответствии с физикой, пробивающиеся сквозь толщу воды солнечные лучи сверху, затемнение удаленных объектов, размеренное колыхание картинок, как будто это — лоскуты ткани или водоросли.
Страница кейса уже выглядит гораздо проще. На ней всё ещё много анимаций и микро-взаимодействий, которые поддерживают тему воды, но фокус уходит на текстовый и визуальный контент. У некоторых элементов нет «водяного» поведения, хотя оно там напрашивается. Возможно, тут на сцену выходит реальный мир — пришлось пойти на жертвы, чтобы сохранить быстродействие и плавность работы.
Сайт Unseen — это пример того, как технологии помогают раскрыть концепцию, а не сваливаются в эффекты ради эффектов. Каждый пиксель выверен и оптимизирован, у каждого элемента своя роль.
Привет, в этот раз посмотрим на сайт студии Unseen. В глаза бросается «глубина» за счёт 3D-пространства и использования трёх координатных осей при навигации. Также отметим органическое поведение сайта, имитирующее воду. Вместе с эмбиентовой музыкой оно создает спокойный муд, который настраивает на размеренное и вдумчивое знакомство.
Нам понравилось взаимодействие курсора с поверхностью воды и другими элементами. Эта рябь уже стала распространенным эффектом в таких сайтах, но в случае Unseen это не просто приколюха — она поддерживает тему сайта. Да и в 3D-пространстве этот прием встречается редко . Часто его используют, чтобы как раз добавить глубины 2D-контенту.
Ребята круто использовали 3D в свою пользу — переходы происходят бесшовно вплоть до страницы кейса. Если не задумываться, то можно и не понять, на какой ты странице. Впрочем, понятие «страница» весьма условное для такого иммерсивного экспириенса.
Переход в галлерею проектов вызывает сильный вау-эффект. Он достигается за счёт выверенной хореографии нескольких художественных приемов: «заныривающее» движение камеры вперед и вниз, искажение во время погружения, приглушение музыки в соответствии с физикой, пробивающиеся сквозь толщу воды солнечные лучи сверху, затемнение удаленных объектов, размеренное колыхание картинок, как будто это — лоскуты ткани или водоросли.
Страница кейса уже выглядит гораздо проще. На ней всё ещё много анимаций и микро-взаимодействий, которые поддерживают тему воды, но фокус уходит на текстовый и визуальный контент. У некоторых элементов нет «водяного» поведения, хотя оно там напрашивается. Возможно, тут на сцену выходит реальный мир — пришлось пойти на жертвы, чтобы сохранить быстродействие и плавность работы.
Сайт Unseen — это пример того, как технологии помогают раскрыть концепцию, а не сваливаются в эффекты ради эффектов. Каждый пиксель выверен и оптимизирован, у каждого элемента своя роль.
❤18🔥5😁3🤔1
Отличный пример того, как можно эффектно презентовать не очень эффектные вещи. Здесь мог быть простенький типовой лендинг в эппловском стиле с обзором нововведений. Но ребята решили, что это слишком скучно и сделать космический 3D-лендинг, который оставит впечатление даже на случайно попавшего сюда зрителя. Отдельно хочу выделить эффект стеклянного отражающего "пола", который добавляет сказочности.
〰️
A great example of how you can effectively present not very spectacular things. There could be a simple standard Apple-style landing page with an overview of innovations. But the guys decided that it was too boring and made a 3D space landing page that would leave an impression even on a viewer who accidentally got here. Separately, I want to highlight the effect of a glass reflective "floor", which adds fabulousness.
https://beta.stripe.dev/
〰️
A great example of how you can effectively present not very spectacular things. There could be a simple standard Apple-style landing page with an overview of innovations. But the guys decided that it was too boring and made a 3D space landing page that would leave an impression even on a viewer who accidentally got here. Separately, I want to highlight the effect of a glass reflective "floor", which adds fabulousness.
https://beta.stripe.dev/
🤔15❤3🔥3
Коллеги из студии Salt and Pepper недавно релизнули себе новый сайт. Меня здесь зацепила интересная работа с сеткой и анимация карточек, похожая чем-то на старый интерфейс iPod. Ещё нравится форма обратной связи, которую можно вызвать из любого места и которая как бы общается с тобой, помогая составить письмо. Ну и первый блок тоже залипательный.
〰️
Colleagues from the Salt and Pepper agency recently launched a new website for themselves. I was hooked here by the interesting work with the grid and the animation of the cards, which is somewhat similar to the old iPod interface. I also like the feedback form, which can be called from anywhere and which, as it were, communicates with you, helping to compose a letter. Well, the first block is also sticky.
https://snp.agency/
〰️
Colleagues from the Salt and Pepper agency recently launched a new website for themselves. I was hooked here by the interesting work with the grid and the animation of the cards, which is somewhat similar to the old iPod interface. I also like the feedback form, which can be called from anywhere and which, as it were, communicates with you, helping to compose a letter. Well, the first block is also sticky.
https://snp.agency/
🔥27❤15💯2