Продолжаем пятничную рубрику, где дизайн-студии делятся своими референсами. Сегодня контент подготовили дизайнеры из агентства ONY. Передаем им слово:
Как сайт может стать отражением экспертности агентства?
Вот отличный пример — сайт 28К. Этот проект показывает, как метафоры, микровзаимодействия и качественная адаптивность подчеркивают внимание к деталям.
На сайте использована метафора циферблата/времени, которая выполняет функцию навигации. Благодаря этому подходу анимация не только увлекает пользователя, но и погружает его в проекты агентства, создавая целостное впечатление.
Стоит также отметить высокий уровень реализации адаптивной версии. Мобильная версия отличается лаконичностью и простотой, даже превосходя десктопную по удобству. При сложных анимациях навигация остается интуитивно понятной, а пользовательский путь — максимально комфортным.
Этот сайт — отличный пример того, как можно смело экспериментировать с дизайном, не жертвуя при этом удобством и юзабилити.
https://28k.studio/
Как сайт может стать отражением экспертности агентства?
Вот отличный пример — сайт 28К. Этот проект показывает, как метафоры, микровзаимодействия и качественная адаптивность подчеркивают внимание к деталям.
На сайте использована метафора циферблата/времени, которая выполняет функцию навигации. Благодаря этому подходу анимация не только увлекает пользователя, но и погружает его в проекты агентства, создавая целостное впечатление.
Стоит также отметить высокий уровень реализации адаптивной версии. Мобильная версия отличается лаконичностью и простотой, даже превосходя десктопную по удобству. При сложных анимациях навигация остается интуитивно понятной, а пользовательский путь — максимально комфортным.
Этот сайт — отличный пример того, как можно смело экспериментировать с дизайном, не жертвуя при этом удобством и юзабилити.
https://28k.studio/
🔥19❤3👍1💯1
Нашёл тут очень длинный, залипательный и интересный с точки зрения содержания сайтик, полезный для дизайнеров. Нравится большое количество анимаций, интерактивных элементов. В целом всегда приятно видеть сайты формата 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
Собран сайт, кстати, на новомодном 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
🔥11❤2
Давайте сегодня отдохнём от сложного визуала и посмотрим на обновлённый сайт 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/
Мне всегда импанировала философия дизайна 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/
❤28💯5
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
Кстати, в Хроме сайт подтормаживает, а вот в Сафари работает отлично. Кажется, пора сменить браузер...
〰️
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
❤13🤔4
Продолжаем нашу пятничную рубрику, где дизайн-студии делятся своими вдохновляющими референсами. Сегодня своими находками делятся Digital-дизайнеры агентства ONY. Передаем им слово:
Не для всех — безусловно, но он нацелен на свою целевую аудиторию. Умение выходить за рамки привычного становится ключевым атрибутом дизайн-студии, которая стремится идти в ногу со временем.
Примером такого подхода является сайт Twomach Studio. Он впечатляет своим содержанием и формой. Зацикленный прелоадер с 3D-взаимодействием, информация, представляемая в виде единого меню, встроенный виджет для общения между пользователями с использованием рисунков — это не просто инновации, а опыт, который захватывает.
Этот «безумный» онлайн-магазин буквально заставляет пользователя «сесть в тележку» и прокатиться по сайту. За всей этой динамикой и креативностью стоит чёткое понимание целей и аудитории.
Однако за всей этой динамичностью и креативом стоит точное понимание своей аудитории.
В конечном итоге, под яркими креативными механизмами скрываются привычные страницы — работы и мерч. Сайт использует концепцию «от общего к частному»: через креативные подходы пользователя проводят к знакомым разделам, создавая уникальный и запоминающийся опыт.
Не для всех — безусловно, но он нацелен на свою целевую аудиторию. Умение выходить за рамки привычного становится ключевым атрибутом дизайн-студии, которая стремится идти в ногу со временем.
Примером такого подхода является сайт Twomach Studio. Он впечатляет своим содержанием и формой. Зацикленный прелоадер с 3D-взаимодействием, информация, представляемая в виде единого меню, встроенный виджет для общения между пользователями с использованием рисунков — это не просто инновации, а опыт, который захватывает.
Этот «безумный» онлайн-магазин буквально заставляет пользователя «сесть в тележку» и прокатиться по сайту. За всей этой динамикой и креативностью стоит чёткое понимание целей и аудитории.
Однако за всей этой динамичностью и креативом стоит точное понимание своей аудитории.
В конечном итоге, под яркими креативными механизмами скрываются привычные страницы — работы и мерч. Сайт использует концепцию «от общего к частному»: через креативные подходы пользователя проводят к знакомым разделам, создавая уникальный и запоминающийся опыт.
🔥9❤7🤔2
Нравится типографика и необычное решение со скроллом и вверх и вниз. Техничски сайт начинается с середины, давая тебе два пути: либо скроллить вниз и узнать больше о магазине, либо листать ввеорх и узнать больше о самом продукте. Ещё понравился оранжевый стикер, выглядит забавно и скевоморфично. Здесь же хочется поругать сайт за очень слабую анимацию перелистывания. Относительно детализированных моделей и в целом попытки в глубину пространства, плоский транзишн через блюр выглядит дёшево и портит весь эффект.
〰️
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/
〰️
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/
❤17