Сегодня снова разбираем портфолио. Снова с классными анимациями, но уже не такое минималистичное.
Здесь глаз цепляют яркие градиенты, скругления в виде суперэллипса и аккуратная типографика. Используемая на сайте гарнитура PP Radio Grotesk — достаточно нейтральная, но при этом с приятным лоском.
Ну и как вишенка — маленькие анимации по ховеру, которые хочется покликать. Никогда не могу мимо них пройти, сразу появляется маниакальное желание протыкать все элементы на сайте чтобы найти все ховер-эффекты.
Из недостатков: анимации немного подтормаживают из-за того, что сайт собран на платформе Framer. Всё-таки оптимизация у них намного хуже, чем у Webflow. Также я считаю не самым удачным решением прописывать курсор pointer там, где нет ссылки, это вводит в небольшой ступор.
〰️
Today we are going through the portfolio again. Again with cool animations, but not so minimalistic anymore.
Bright gradients, superellipse rounding and neat typography catch the eye here. The PP Radio Grotesk headset used on the site is quite neutral, but at the same time with a pleasant gloss.
Well, like a cherry — small hover animations that you want to click. I can never get past them, immediately there is a maniacal desire to poke through all the elements on the site to find all the hover effects.
Among the disadvantages: animations slow down a bit due to the fact that the site is built on the Framer platform. After all, their optimization is much worse than that of Webflow. I also think it's not the best solution to register the pointer cursor where there is no link.

https://nicktarasov.com

Анимация в первом блоке — просто вау! Сразу же буквально затягивает зрителя в лендинг. Последующие блоки, конечно, слабее по проработке, но впечатление сохраняют до самого конца. Нравится крупная типографика, модельки, напоминающие стиль Zenly и умело выдержанная цветовая палитра. Делали, кстати, наши ребята — студия Red Colar.
〰️
The animation in the first block is just wow! Immediately literally pulls the viewer into the landing page. The subsequent blocks, of course, are weaker in terms of elaboration, but they retain the impression until the very end. I like large typography, models reminiscent of the Zenly style and a skillfully designed color palette. By the way, our guys did it — the Red Colar studio.

https://theprogressors.redcollar.co

Duo Sapiens снова обновили визуальный язык. На этот раз дизайн сделан Ромой Ерохновичем по заветам собственного дизайн-манифеста. Здесь дизайн очень сильно приближается к понятию искусства, арт-объекта, декоративно-прикладного искусства. Как и искусство, такой дизайн не обязан быть удобным, утилитарным и продуманным, он должен вызывать эмоцию и доносить смыслы, с чем прекрасно справляется.
Честно скажу, такое откликается не каждому. Лично меня такой «сумасшедший» визуал всегда очень манил и притягивал. Мне нравится эта сложная, ломанная типографика, расставленная так, как ей удобно, а не так, как этого хотят другие элементы. Нравится яркость и смелость иллюстраций. Нравится слом привычных визуальных решений. Получилось смело, ярко и брутально — то, что нужно для проекта, посящённого дизайну. Ощущается как глоток свежего воздуха, как прекрасный оазис среди бесконечного количества одинаковых стерильно-корпоративных проектов, нацеленных на метрики.
〰️
Duo Sapiens have updated the visual language again. This time, the design was made by Roma Erokhnovich according to the precepts of his own design manifesto. Here, design is very close to the concept of art, an art object, decorative and applied art. Like art, such a design does not have to be convenient, utilitarian and thoughtful, it must evoke emotion and convey meanings, which it copes with perfectly.
To be honest, not everyone responds to this. Personally, such a "crazy" visual has always attracted and attracted me very much. I like this complex, broken typography, arranged as it is convenient for her, and not as other elements want it. I like the brightness and boldness of the illustrations. I like the scrapping of familiar visual solutions. It turned out to be bold, bright and brutal — what you need for a project dedicated to design. It feels like a breath of fresh air, like a wonderful oasis among an endless number of identical sterile corporate projects aimed at metrics.

https://www.duosapiens.ru

После затянувшегося перерыва возобновляем пятничную рубрику, где дизайн-студии делятся своими вдохновляющими референсами. Сегодня своими находками делятся Digital-дизайнеры агентства ONY. Передаем им слово:


Принято считать, что удивление и вау-эффект — главные задачи современного веб-дизайна. Однако истинная ценность проявляется там, где привычный опыт трансформируется в новый: сохраняется интуитивность, но добавляется элемент неожиданности. Именно такие решения помогают выделяться среди конкурентов. Пример? YME STORE.

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

Ключевой момент, который стоит подчеркнуть: эксперименты в коммерческих проектах не обязательно должны быть дорогими или рискованными. Важно понимать контекст, аудиторию и грамотно применять инструменты — как это сделано здесь. YME STORE демонстрирует, как баланс между эстетикой и удобством помогает не только выделиться, но и усилить бренд, оставаясь верным бизнес-задачам.

Интересная метафора на офисное здание, где каждый блок располагается на разных этажах. Даже неоновая вывеска на крыше есть!
Вообще интересно, как за счёт грамотного параллакса дизайнеры смогли добиться ощущения объёма и глубины максимально плоских и примитивных фигур. Также отмечу очень грамотно подобранную палитру и шрифтовую пару — выглядит очень целостно и органично. Ярко, весело, но не кричаще. Крайне достойная работа для достойной студии.
〰️
An interesting metaphor for an office building, where each block is located on different floors. There's even a neon sign on the roof!
In general, it is interesting how, due to competent parallax, designers were able to achieve a sense of volume and depth of the most flat and primitive shapes. I will also note a very well—chosen palette and font pair - it looks very holistic and organic. Bright, fun, but not flashy. An extremely good design for a good design studio.

https://astroshock.com/

Шикарнейший проект, который нужно долго и вдумчиво рассматривать. Очень нравятся анимации, типографика и общий визуальный стиль. Зацепила идея с «темой» сайта, которую можно выбрать в начале и которая почти полностью меняют контент во всех блоках, в том числе и в главном. При каждой загрузке сайта, кстати, тема выбирается рандомно. Это отлично показывает продукт со всех сторон.
〰️
A gorgeous project that needs to be considered for a long time and thoughtfully. I really like animations, typography and the overall visual style. I was hooked on the idea of a "theme" of the site, which can be selected at the beginning and which almost completely changes the content in all blocks, including the main one. By the way, each time the site is loaded, the theme is randomly selected. This perfectly shows the product from all sides.

http://lumalabs.ai/dream-machine