Пример того, как можно за счёт незамысловатых визуальных приёмов оживить сторитейлинг. На этом лендинге один блок плавно перетекает в другой с помощью абстрактных фигур на фоне. При этом каждый блок имеет свою карточку, благодаря чему они не смешиваются в кучу. Это делает сайт более интересным с точки зрения визуала. Пока зритель смотрит на один блок, он видит кусочек предыдущего или следующего. Это одновременно и делает сайт более подвижным и не даёт ему рассыпаться.
〰️
An example of how you can bring storytelling to life through uncomplicated visual techniques. On this landing page, one block smoothly flows into another using abstract shapes on the background. At the same time, each block has its own card, so that they do not mix in a pile. This makes the site more interesting from a visual point of view. While the viewer is looking at one block, he sees a piece of the previous or next one. This simultaneously makes the site more alive and prevents it from crumbling.

https://www.youballin.com/

Отличный пример того, что хороший веб-дизайнер это тот, кто может перейти в режим графдизайнера, чтобы умело вписать айдентику в дизайн сайта. Этот сайт неразрывно связан и бредингом и с дизайном упаковок продукта.
Очень нравится обширная цветовая палитра, большое количество сочного контента и внимание к деталям. Позабавил копирайтинг: например «cobstomers» вместо «customers» в блоке с отзывами. Немного напрягает количество анимаций. Их прям очень много, что глаза разбегаются. Но в целом выглядит вкусно.
〰️
A great example of the fact that a good web designer is someone who can switch to graphic designer mode in order to skillfully fit the identity into the design of the site. This site is inextricably linked to both branding and product packaging design.
I really like the extensive color palette, a lot of juicy content and attention to detail. I was amused by copywriting: for example, "cobstomers" instead of "customers" in the block with reviews. The number of animations is a bit annoying. There are so many of them that the eyes run away. But overall it looks nice.

https://cobfoods.com/

Продолжаем пятничную рубрику, где дизайн-студии делятся своими референсами. Сегодня контент подготовили дизайнеры из Chipsa — студии с фокусом на эстетическом дизайне и креативной разработке. Передаём им слово:

Сегодня хотим показать вам сайт igloo.inc
Леденяще свежий подход в представлении компании, которая занимается проектами на блокчейне. Ключевой визуал здесь отражает сразу несколько важных ценностей – визуализирует метафору построения системы блокчейна, а также олицетворяет дом, жилище для проектов в данной сфере. В остальном здесь применяется достаточно минималистичный стиль в союзе с технологиями будущего, который выражаются при помощи графических эффектов постпроцессинга. Видеть все это в союзе с жилищем эскимосов – невероятное зрелище. Отсутствие блочной системы сайта, управление движением камеры и бесконечный скролл погружают в картинку еще сильнее, что придает проекту еще большей атмосферности.
В плане подачи информации нравится как лаконично подана информация о компании. Настолько лаконично, что этот текст встречает пользователя сразу на главном экране сайта. При этом не перегружает его, но подчеркивает важность этих слов заголовком manifesto.
Говоря о свежести и оригинальности стиля хочется подчеркнуть непревзойденную работу разработчиков, которые смогли реализовать графику и эффекты на three.js очень высокого качества и при этом выдать стабильную производительность в шестьдесят кадров даже на не самых мощных устройствах.

В последнее время вижу тренд на использование антиквенных шрифтов там, где они, казалось бы, не очень уместны. Этот сайт выполнен в техно-ретро стилистике: угловатые формы, тёмные цвета, облака на фоне, полосы как на старых экранах. Один из блоков вообще похож на экран установки 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/

Изучая трёхмерный лендинг я набрёл на основной сайт этой компании и не сразу понял, что перешёл, технически, на другой сайт. Поэтому сегодня расскажу сразу про два, хотя я считаю это разными страницами одного сайта.
Это очень красивый, техничный и концептуальный проект. Нет смысла говорить о 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 noscript, 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/

В этом лендинге технология максимально связана с природой. С чем-то естественным, человеческим. Это создаёт ощущение комфорта, которого нам так не хватает в технократичном мире. Это достигается за счёт большого количеством фотографий на природе, рукописных иконок и спокойной тёплой цветовой палитры. Это хорошо сочетается с концепцией самого продукта — желтоватый монитор, от которого не болят глаза. Отдельно хочу выделить экран, который выглядит как стена, на которую падает тень от дерева за окном. Это очень трогательно выглядит. В противовес этому некоторые блоки наоборот оформлены с эффектом того самого оранжевого монитора, демонстрируя то, как будут выглядеть изображения на продаваемом продукте.
Дизайнеры здесь смогли передать и суть продукта и добиться необходимых эмоций и создать ощущение комфорта у зрителя.
〰️
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/