Now How Channel

А вот и первый пост в новом году! Сегодня смотрим прекрасно выдержанный в едином аккуратном стиле лендинг. Нравится типографика с модным антиквенным шрифтом, идеально вписанные в стиль иллюстрации и анимация на главном блоке, заслуживающая отдельного восхищения. Ещё советую присмотреться к прайсингу: дизайнерам удалось большое количество информативных пунктов уместить в один экран скролла, при этом не перегрузив карточки. Берите на вооружение!
〰️
And here is the first post of the new year! Today we are looking at a beautifully designed landing page in a single neat style. I like the typography with the fashionable antique font, the illustrations perfectly adapted to the style, and the animation on the main unit, which deserves special admiration. I also advise you to take a closer look at the pricing: the designers managed to fit a large number of informative items into one scroll screen without overloading the cards. Adopt it!

https://www.scrapps.ai

3 недели бесплатного индивидуального обучения дизайну под руководством опытного ментора!

В обучение включено:
— Индивидуальный подбор уроков для вас (создание логотипов; разработка айдентики, дизайна визиток, бланков, сайта, мобильного приложения)
— Возможность задавать вопросы ментору
— Проверка работ и обратная связь
— Сертификат о прохождении обучения 

ВАЖНО: количество мест ограничено, на обучение попадут те, кто раньше запишется.

➡️ Пиши слово «Обучение» в ЛС @AgeenkoSchool и проходи курс

Чистый, аккуратный, экологичный дизайн. Создаёт приятное ощущение порядка. Всё такое плавное, идеальное. Нравится строгая типографика и сочетание шрифтов. Выглядит серьёзно, но не скучно. При этом всё приправлено умелыми анимациями, которые добавляют динамики, но не отвлекают от главного.
〰️
Clean, neat, and natural-looking design. It creates a pleasant sense of order. Everything feels smooth and refined. I really like the clear and minimalist typography and the font combination. It looks serious but not boring. And on top of that, it's all enhanced with skillful animations that add dynamism without distracting from the main content.

https://www.eci.io

Шикарнейший проект, который нужно долго и вдумчиво рассматривать. Очень нравятся анимации, типографика и общий визуальный стиль. Зацепила идея с «темой» сайта, которую можно выбрать в начале и которая почти полностью меняют контент во всех блоках, в том числе и в главном. При каждой загрузке сайта, кстати, тема выбирается рандомно. Это отлично показывает продукт со всех сторон.
〰️
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

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

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


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

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

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

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

Анимация в первом блоке — просто вау! Сразу же буквально затягивает зрителя в лендинг. Последующие блоки, конечно, слабее по проработке, но впечатление сохраняют до самого конца. Нравится крупная типографика, модельки, напоминающие стиль 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

🏆 Итоги 2024. 2 лучших канала для дизайнеров.

1. Лови исходники
Единственный канал в телеграм, который не просто делится премимум-исходниками, но и показывает на примерах как применять презентации. Удобно!

Исходники: t.me/ishoddesign


2. Шрифты с кириллицей
Наконец-то. Больше никаких подстав с тем, что шрифт только на латинице. Здесь 100% всех шрифтов поддерживают кириллицу. А еще указывают лицензию и автора.

Шрифты: t.me/sexyfont


УДОБНО: Оба канала открыты – можно изучить материалы перед подпиской. Без заявок.

⚡️Флагманская конференция Tagline: Управление digital-агентством глазами заказчика

6 декабря, Москва, Omega Rooftop

Топ-менеджеры крупнейших заказчиков Сбер, Альфа-Банк, ВТБ, X5, Ростех, Auto.ru, Яндекс и ведущих агентств AGIMA, Redmadrobot, CreativePeople, Red Collar расскажут, как повысить маржинальность, развить клиентский сервис и построить продуктивные партнерства.

В программе:

⚡️ Финансовая эффективность агентств: как построить устойчивый бизнес в digital
⚡️ Управление клиентским сервисом: что нужно крупным корпорациям от подрядчиков.
⚡️ Взаимодействие с корпорациями: как эффективно работать с закупками, защищать проекты и получать бюджеты
⚡️ Идеальный аутстафф и коллаборации: долгосрочные и продуктивные отношения с заказчиками
⚡️ Тренды индустрии: парные доклады и обсуждение успешных кейсов

🎯 Узнайте, как строить результативное взаимодействие и масштабировать свой бизнес.

🔗 Подробнее: digiweek.ru

Сегодня снова разбираем портфолио. Снова с классными анимациями, но уже не такое минималистичное.
Здесь глаз цепляют яркие градиенты, скругления в виде суперэллипса и аккуратная типографика. Используемая на сайте гарнитура 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

Кстати! Если решите встать на пути менторинга, то ловите промокод NOWHOW5 — даёт скидку в 5% на любую программу менторинга в Duo Sapiens до 5-го декабря включительно 💛

Полезная информация от наших друзей из Duo Sapiens 💛

у figjam есть классный ai-инструмент, который помогает писать краткие сводки, сортировать стикеры по смыслу и превращать идеи в диаграммы. а ещё с помощью него можно планировать ментор-сессии. достаточно ввести запрос "1:1 between a mentor and mentee to strategize career goals" — и нейросеть создаст шаблон для встречи.

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

на сессиях в duo sapiens менти работает не только с ментором, а ещё и с дневником встреч. это живой инструмент, который постоянно меняется и помогает фиксировать задачи, инсайты, сомнения, вопросы. это совместное пространство, где ментор и менти регулярно отмечают прогресс, смотрят под ноги и по сторонам, чтобы не пропустить ничего важного.

часто за карьерным запросом прячется что-то более ценное: поиск себя, своего пути в профессии и даже в жизни. дневник и ментор помогут наметить точки координат и осветить путь к цели, чтобы не оступиться и вовремя свернуть в нужном направлении.

если вы готовы начать путь менти, то дневник менторинга — ваш лучший друг. он станет вашей площадкой для творчества и новых смыслов. а если вы уже в пути, то делитесь своими любимыми инструментами для ментор-сессий в комментариях ✨

Буквально идеально сделанное портфолио. В меру лаконично, в меру стильно, в меру нафаршировано супер плавными анимациями с классной физикой (что в CSS сделать сложно, поверьте) и реалистичными тенями. Есть приятная интерактивность, благодаря которой хочется снова и снова обновить страницу и проклацать всё заново.
Эта работа намного сложнее, чем кажется. Чувствуется, что сайт делал действительно сильный дизайнер, потому что несмотря на все украшательства, он остаётся изящным
〰️
A literally perfectly made portfolio. Moderately concise, moderately stylish, moderately stuffed with super smooth animations with cool physics (which is difficult to do in CSS, believe me) and realistic shadows. There is a pleasant interactivity, thanks to which you want to refresh the page again and again and proclaim everything anew.
This job is much more difficult than it seems. It feels like the site was made by a really strong designer, because despite all the decorations, it remains elegant

http://spencergabor.work

Студия Cedro сделала лендинг для пиара новой книги Макса Десятых.
Вёрстка минималистичная и очень схожа с вёрсткой самой книги, благодаря чему создаётся ощущение целостной картины. Экспрессивные иллюстрации хорошо разбавляют строгость типографики и добавляют динамики.
〰️
Cedro design studio has made a landing page for the PR of Max Desyatykh new book.
The layout is minimalistic and very similar to the layout of the book itself, which creates a sense of a complete picture. Expressive illustrations dilute the rigor of typography well and add dynamics.

http://book.desyatykh.ru/

Mish Let's Play — новая мета в дизайн-событиях

Вебинары, форумы, конференции… это наскучило, правда? Подключайся к дизайн-стримхате Mish Let's Play — бесплатной трёхдневной прокачке в продуктовом и графическом дизайне, исследованиях и аналитике.

В программе лекции, мастер-классы, панельные дискуссии и портфолио-ревью от дизайнеров Mish и приглашённых звёзд дизайн-индустрии, среди которых:

— Митя Осадчук, экс-дизайн-директор Иви
— Евгений Филатов, арт-директор Звука
— Анастасия Харитонова, дизайн-директор Retail Райффайзен Банка
— Владимир Зимин, дизайн-директор Райффайзен Банка
— Алексей Чупин, экс-директор по UX/UI VK
— Александр Лыгин, продуктовый дизайнер

Герои эфиров будут подвергаться испытаниям колесом фортуны, в котором 12 различных заданий. Наладить связь между зрителями и героями эфиров помогут ведущие — дизайн-директора Mish Артём Кожевников и Дарья Егорова.

👾 Регистрируйся в боте события, чтобы бесплатно присоединиться к дизайн-приключению — @MishLetsPlayBot

Хороший пример того, как держать баланс между чистотой и промовостью.
Нравится повествование через карточки и интерактивные элементы. Нравится типографика и умелое соединение пиксельного, гротескного и антиквенного шрифта в одном заголовке. Нравятся корявенькие иллюстрации, видно, что их реально рисовали от руки, не заморачиваясь с ровными векторами.
Отдельный респект за то, что визуал сайта соотносится с визуалом продукта. Потому что часто происходит диссонанс между крутым лендингом и очень визуально бедным продуктом. Здесь такого нет.
〰️
A good example of how to keep a balance between cleanliness and promoveness.
I like storytelling through flashcards and interactive elements. I like the typography and the skillful combination of pixel, grotesque and antique fonts in one title. I like the clumsy illustrations, it is clear that they were actually drawn by hand, without bothering with equal vectors.
A separate respect for the fact that the visual of the site correlates with the visual of the product. Because there is often a dissonance between a cool landing page and a very visually poor product. There is no such thing here.

https://fabric.so

Наши друзья из @salt_and_pepper_agency запустили спецпроект для комьюнити.
Получился очень интересный формат анимированного комикса по скроллу. И приятно, что запарились и сделали звуковое сопровождение.

Ну всё, нет сил прятать такую красоту! 😸

Вот она, наша история про дизайнера и разработчика, которые не смогли. Или смогли?

https://whoisguilty.ru/ 😃😏

Ещё не поздно записаться на наш бесплатный онлайн-митап, чтобы узнать про истоки этой инициативы; историю создания проекта; важные уроки, которые мы выучили в процессе; наши гайды, в которые мы упаковали опыт двух компаний ☝

Про всё это мы расскажем завтра в 17:00. Регистрируйтесь в боте ☺

Брутализм — как глоток свежего воздуха в мире стерильного, максимально коммерческого веба. Такой дизайн отпугнёт большую часть аудитории массмаркетов, но зацепит тех самых панков, для который и предназначены андерграундные бренды.
Мне очень нравятся эта жёсткая вёрстка со сжатым Arial, похожая на чек из магазина, отсутствие логотипа в хедере и листинг с подписью посреди экрана. Это дух бунтарства и зинов и нет-арта из двухтысячных. Не всем он по душе, не все могут его понять и принять, но свою аудиторию он точно находит.
〰️
Brutalism is like a breath of fresh air in the world of a sterile, maximally commercial web. Such a design will scare away most of the mass market audience, but it will hook the very punks that underground brands are designed for.
I really like this rigid layout with compressed Arial, similar to a receipt from a store, the absence of a logo in the header and a listing with a signature in the middle of the screen. This is the spirit of rebellion and zines and net-art from the 2000s. Not everyone likes him, not everyone can understand and accept him, but he definitely finds his audience.

http://verner.co

Сразу к делу. Уже сегодня начнётся редкий марафон по UX/UI дизайну мобильных приложений. Это бесплатный практикум на 3 дня от Study Kvo.

Каждый участник сделает в портфолио дизайн приложения для iOS. Помимо практики в Figma разберём, как начать карьеру в текущих реалиях и на чём сыпется большинство джунов в резюме.

Разберём актуальную медиану ЗП в зависимости от уровня, какими навыками нужно обладать и какие этапы надо пройти для успешного трудоустройства. Каждый сможет выбрать свой сценарий развития из трёх.

В конце разыграем обучение на 164к, а каждый день для участников будут подарки в онлайне: пособия, шаблоны, руководства.

Зарегистрироваться бесплатно

p.s: записи сгорят в конце

Реклама.
ИП Антипин Александр
ИНН 701751029533
erid: 2VtzqwgZVCZ

Очень нравится простота, геометричность и яркость. Нравится, как фотографии появляются из цветных кружочков, а ссылки в навбаре — наоборот убираются в кружочки. Также хочу отметить очень классную цветовую палитру и плавные анимации
〰️
I really like simplicity, geometricity and colorfulness. I like how photos appear from colored circles, and links in the navbar, on the contrary, are removed into circles. I also want to mention a very cool color palette and smooth animations

https://dorstenlesser.com

Mish Let's Play — новая мета в дизайн-событиях

Вебинары, форумы, конференции… это наскучило, правда? Подключайся к дизайн-стримхате Mish Let's Play — новому формату дизайн-события, в котором зрители станут игроками, герои эфиров — их NPC!

С 26 по 28 ноября дизайнеры Mish облачатся в костюмы своих любимых игровых или попкультурных персонажей, чтобы неформально поговорить про продуктовый дизайн, исследования и аналитику, коммуникационный дизайн.

Маршрут приключений проложен через локации: лес лекций, кузница мастер-классов, библиотека панельных дискуссий и подземелье портфолио-ревью от дизайнеров студии Mish и приглашенных звезд дизайн-индустрии.

NPC эфиров будут подвергаться испытаниям колесом фортуны, в котором 12 различных побочных квестов. Протагонистами игры станут дизайн-директоры студии Mish — Артём Кожевников и Дарья Егорова.

👾 Регистрируйся в боте события, чтобы бесплатно присоединиться к пати героев онлайн-приключения: @MishLetsPlayBot

Хотел написать текст про этот сайт, но прямо перед записью они выкатили обновление, в котором изменили вообще всё. Так что всё, что будет написано дальше — про старую версию лендинга. Вообще, я порылся в веб-архиве и обнаружил, что они за год уже несколько раз лендинг обновили. Видимо, оунер продукта сам дизайнер.
И так, что я, собственно, хотел сказать: мне очень нравится визуал в виде клеточного листа с чертежами. Это простое, но прикольное визуальное решение. Выглядит промово и сразу ассоциируется с тем, что продукт заменяет — аналоговые чертежи.
〰️
I wanted to write a text about this site, but right before recording, they rolled out an update in which they changed everything. So everything that will be written next is about the old version of the landing page. Actually, I rummaged through the web archive and found that they had already updated the landing page several times over the year. Apparently, the owner of the product is the designer himself.
And so, what I actually wanted to say is: I really like the visual in the form of a cellular sheet with drawings. This is a simple but cool visual solution. It looks promo and is immediately associated with what the product replaces — analog drawings.

www.rayon.design

Нравится типографика и необычное решение со скроллом и вверх и вниз. Техничски сайт начинается с середины, давая тебе два пути: либо скроллить вниз и узнать больше о магазине, либо листать ввеорх и узнать больше о самом продукте. Ещё понравился оранжевый стикер, выглядит забавно и скевоморфично. Здесь же хочется поругать сайт за очень слабую анимацию перелистывания. Относительно детализированных моделей и в целом попытки в глубину пространства, плоский транзишн через блюр выглядит дёшево и портит весь эффект.
〰️
I like the typography and the unusual solution with scrolling up and down. Technically, the site starts in the middle, giving you two ways: either scroll down and learn more about the store, or scroll up and learn more about the product itself. I also liked the orange sticker, it looks funny and skewomorphic. Here I would like to scold the site for a very weak flipping animation. With respect to detailed models and, in general, attempts to go deep into space, a flat transit through a blur looks cheap and spoils the whole effect.

https://www.presq.studio/

Фаундер наших друзей из студии @salt_and_pepper_agency рассказывает про найм и обучение сотрудников. Залетайте вечером на стрим)

https://www.youtube.com/watch?v=G-tlzBf69U4

Давно мы с вами в Качалку не ходили

Чего, лето кончилось, можно расслабиться и набирать жирок на зиму? Наш тренер Антон Бондарь такой муд не поддерживает!

Завтра в 17:00 на Ютубе Цедры трэнер покажет сет упражнений для
⏺Набора мышечной массы из сотрудников
⏺Обучения команды
⏺Воспитания корп культуры, которая вживляется на уровне ДНК

Собираемся в 16:50, разминаемся, делаем кардио и погнали. Ссылочку закинем ближе к эфиру.

Как Авито улучшает сервис недвижимости с помощью догфудинга?

Все просто: сотрудники Авито становятся реальными покупателями, чтобы на практике понять их опыт и улучшить продукт. Узнайте, как этот метод помогает находить инсайты и исправлять баги в новой статье от команды дизайна жилой недвижимости Авито.

Подробности по ссылке.

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

Не для всех — безусловно, но он нацелен на свою целевую аудиторию. Умение выходить за рамки привычного становится ключевым атрибутом дизайн-студии, которая стремится идти в ногу со временем.

Примером такого подхода является сайт Twomach Studio. Он впечатляет своим содержанием и формой. Зацикленный прелоадер с 3D-взаимодействием, информация, представляемая в виде единого меню, встроенный виджет для общения между пользователями с использованием рисунков — это не просто инновации, а опыт, который захватывает.
Этот «безумный» онлайн-магазин буквально заставляет пользователя «сесть в тележку» и прокатиться по сайту. За всей этой динамикой и креативностью стоит чёткое понимание целей и аудитории.

Однако за всей этой динамичностью и креативом стоит точное понимание своей аудитории.

В конечном итоге, под яркими креативными механизмами скрываются привычные страницы — работы и мерч. Сайт использует концепцию «от общего к частному»: через креативные подходы пользователя проводят к знакомым разделам, создавая уникальный и запоминающийся опыт.

Intercom выкатили лендинг нового продукта. Как всегда отличная работа с типографикой и сеткой, приятные глазу анимированные иллюстрации. Очень нравятся иллюстрации на главной и в подвале, будто картины, написанные маслом. Уж не знаю,генерируют они их в нейронке или рисуют специально (и если так, то очень похвально, потому что картинок много и они проработанные), но выглядят они всегда потрясающе, прям хочется себе на обои рабочего стола поставить.
Кстати, в Хроме сайт подтормаживает, а вот в Сафари работает отлично. Кажется, пора сменить браузер...
〰️
Intercom rolled out a landing page for a new product. As always, excellent work with typography and grid, nice-looking animated illustrations. I really like the illustrations on the main and in the basement, like oil paintings. I don't know if they generate them in a neural network or draw them on purpose (and if so, it's very commendable, because there are a lot of pictures and they are well-developed), but they always look amazing, I just want to put them on my desktop wallpaper.
By the way, the site slows down in Chrome, but it works fine in Safari. It seems it's time to change the browser...

https://www.intercom.com/support-for-customers/ai-agent

Давайте сегодня отдохнём от сложного визуала и посмотрим на обновлённый сайт Notion. Вообще, как-то я упустил момент, когда они выкатили новую главную, не обессудьте за слоупочность.
Мне всегда импанировала философия дизайна Notion — минимум визуальных излишеств и максимум функциональности. Эдакий советский рационализм из мира цифровых продуктов. Я бы это описал как «лаконично, но не стерильно». И этим Notion мне очень нравится.
Новый лендинг, с одной стороны, соответствует этой философии, а с другой стороны, не выглядит бедно, как его предыдущая версия. Нравится крупная типографика и картинки на весь экран, нравятся зауженные отступы. Вновь подмечу милые карандашые иллюстрации, которые ещё и ненавязчиво анимируются. Это не дешёвый холодный минимализм как у всех, это концепция простоты в целом и внимания к деталям в частном.
〰️
Let's take a break from the complicated visual today and take a look at the updated Notion website. Actually, somehow I missed the moment when they rolled out a new main one, don't blame me for the sloppiness.
I have always been impressed by the Concept design philosophy — a minimum of visual excesses and maximum functionality. A kind of Soviet rationalism from the world of digital products. I would describe it as "concise, but not sterile." And I really like this Notion.
The new landing page, on the one hand, corresponds to this philosophy, and on the other hand, it does not look poor like its previous version. I like large typography and full-screen images, I like narrowed margins. Once again, I will notice the cute pencil illustrations, which are also unobtrusively animated. It's not cheap cold minimalism like everyone else's, it's the concept of simplicity in general and attention to detail in particular.

https://notion.so/

Нашёл тут очень длинный, залипательный и интересный с точки зрения содержания сайтик, полезный для дизайнеров. Нравится большое количество анимаций, интерактивных элементов. В целом всегда приятно видеть сайты формата playbook — это как учебник, но интерактивный. А то иногда складывается ощущение, что кроме Бюро Горбунова никто этим не занимается.
Собран сайт, кстати, на новомодном Framer и, честно говоря, в таких сложных проектах показывает он себя не очень. Сайт тормозит даже сильнее, чем лендинги на Редимаге. А ещё в некоторых местах как будто не хватает законченности анимации и транзишна. Но в целом, мило
〰️
I found a very long, entertaining and interesting website from the point of view of content, useful for designers. I like a lot of animations and interactive elements. In general, it's always nice to see playbook format sites — it's like a textbook, but interactive. And sometimes it feels like no one is doing this except Bureau Gorbunov.
The site was built, by the way, on a newfangled Framer and, frankly, it does not show itself very well in such complex projects. The site slows down even more than the landing pages on the Redimage. And in some places there seems to be a lack of completeness of animation and transience. But overall, it's nice

https://thedesignsystem.guide/design-tokens-naming-playbook

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

Как сайт может стать отражением экспертности агентства?

Вот отличный пример — сайт 28К. Этот проект показывает, как метафоры, микровзаимодействия и качественная адаптивность подчеркивают внимание к деталям.

На сайте использована метафора циферблата/времени, которая выполняет функцию навигации. Благодаря этому подходу анимация не только увлекает пользователя, но и погружает его в проекты агентства, создавая целостное впечатление.

Стоит также отметить высокий уровень реализации адаптивной версии. Мобильная версия отличается лаконичностью и простотой, даже превосходя десктопную по удобству. При сложных анимациях навигация остается интуитивно понятной, а пользовательский путь — максимально комфортным.

Этот сайт — отличный пример того, как можно смело экспериментировать с дизайном, не жертвуя при этом удобством и юзабилити.

https://28k.studio/

Очень понравился экран загрузки и hero-блок. С самого начала ты остаёшься под впечатлением и тебя уже не волнует, что последующие блоки выглядят достаточно однообразно, хотя работа с сеткой и типографикой неплохая. Мне нравится, что веб-дизайнеры начинают отходить от линейности, делая вёрстку более «журнальной». Это новый смелый тренд и пока что такое делают не все подряд.
А вот к чему я бы придрался, так это к оптимизации. Сайт натурально лагает. Я три раза перезаписывал скринкаст из-за того, что анимация дёргалась. Скорее всего это из-за обилия высококачественных видео, без которых продукту для работы с видео, конечно, никуда.
〰️
I really liked the loading screen and the hero block. From the very beginning, you remain under the impression and you no longer care that the subsequent blocks look quite monotonous, although the work with the grid and typography is not bad. I like that web designers are starting to move away from linearity, making the layout more "magazine-like". This is a bold new trend and so far not everyone is doing it.
But what I would find fault with is optimization. The site is naturally lagging. I rewrote the screencast three times because the animation was twitching. Most likely, this is due to the abundance of high-quality videos, without which the product for working with videos, of course, is nowhere.

https://lumalabs.ai/dream-machine