RISK
У продакшена RISK портфолио открывается не шоурилом, а координатами съёмочной точки в подписи: 43°17'2.231″ N, 5°22'16.457″ E. Кадры кампании раздроблены на диагональные грани, будто снимок смотрят через треснувшее стекло, а внизу — слоган Not taking a risk is the real risk. Вопрос на подумать: если тон бренда уже прописан в самом названии студии, добавляет ли координатная точность что-то, кроме ощущения репортажной подлинности?
https://www.risk.film
У продакшена RISK портфолио открывается не шоурилом, а координатами съёмочной точки в подписи: 43°17'2.231″ N, 5°22'16.457″ E. Кадры кампании раздроблены на диагональные грани, будто снимок смотрят через треснувшее стекло, а внизу — слоган Not taking a risk is the real risk. Вопрос на подумать: если тон бренда уже прописан в самом названии студии, добавляет ли координатная точность что-то, кроме ощущения репортажной подлинности?
https://www.risk.film
Obys® Experiment Space
У Obys нашёлся раздел, которого не ждёшь от студийного сайта: тридцать с лишним экспериментов, пронумерованных и датированных по годам, часть уже с меткой 2026-й. Открыть его получится только с десктопа — с телефона вместо контента просьба вернуться с большего экрана. Подпись Never Finished висит с 2018 года, и от этого список читается не как забытый черновик, а как продолжающийся процесс, который просто решили не прятать.
https://experiment.obys.agency/
У Obys нашёлся раздел, которого не ждёшь от студийного сайта: тридцать с лишним экспериментов, пронумерованных и датированных по годам, часть уже с меткой 2026-й. Открыть его получится только с десктопа — с телефона вместо контента просьба вернуться с большего экрана. Подпись Never Finished висит с 2018 года, и от этого список читается не как забытый черновик, а как продолжающийся процесс, который просто решили не прятать.
https://experiment.obys.agency/
Dawn
Кейсы на сайте агентства поданы не блоками с заголовком и подзаголовком, а плотной сеткой: у каждого превью — плашка-тег (PICSART REBRAND, Y IN LYFT, UNWRAP THE TRUTH), а рядом с одним из кадров прямо в сетке встроена клиентская цитата вместо отдельного раздела с отзывами. Dawn работает над go-to-market кампаниями для tech-брендов вроде Lyft, Google и Picsart, и кейс здесь сведён к одному кадру плюс одной фразе — компактность подачи сама работает как аргумент о скорости, которую агентство продаёт.
https://dawn.la/
Кейсы на сайте агентства поданы не блоками с заголовком и подзаголовком, а плотной сеткой: у каждого превью — плашка-тег (PICSART REBRAND, Y IN LYFT, UNWRAP THE TRUTH), а рядом с одним из кадров прямо в сетке встроена клиентская цитата вместо отдельного раздела с отзывами. Dawn работает над go-to-market кампаниями для tech-брендов вроде Lyft, Google и Picsart, и кейс здесь сведён к одному кадру плюс одной фразе — компактность подачи сама работает как аргумент о скорости, которую агентство продаёт.
https://dawn.la/
Haus
Haus держит клиентов уровня OpenAI и Netflix в списке работ, а хиро при этом — кислотно-жёлтый фон и коллаж из глазного яблока, старого Mac, спрей-баллончиков, оригами-журавлика и кота с тремя головами. Подпись Born Makers лежит поверх этого шума без единой отсылки к конкретному кейсу — бренд агентства держится не на портфолио с ходу, а на плотности и абсурдности самого захода.
https://madeinhaus.com
Haus держит клиентов уровня OpenAI и Netflix в списке работ, а хиро при этом — кислотно-жёлтый фон и коллаж из глазного яблока, старого Mac, спрей-баллончиков, оригами-журавлика и кота с тремя головами. Подпись Born Makers лежит поверх этого шума без единой отсылки к конкретному кейсу — бренд агентства держится не на портфолио с ходу, а на плотности и абсурдности самого захода.
https://madeinhaus.com
Aura Bora
У бренда газировки без сахара скидка на первый заказ — не форма с почтой, а мини-игра: маскот-ёж собирает те же ингредиенты, что и в банках — лайм-кардамон, лаванда-огурец, кактус-роза — и по итогам выдаёт промокод. Обычный приём для захвата e-mail пересобран так, чтобы играть приходилось в собственный вкусовой ряд бренда, а не в абстрактный кликер.
https://aurabora.com
У бренда газировки без сахара скидка на первый заказ — не форма с почтой, а мини-игра: маскот-ёж собирает те же ингредиенты, что и в банках — лайм-кардамон, лаванда-огурец, кактус-роза — и по итогам выдаёт промокод. Обычный приём для захвата e-mail пересобран так, чтобы играть приходилось в собственный вкусовой ряд бренда, а не в абстрактный кликер.
https://aurabora.com
Sound Ethics
Sound Ethics — исследовательская организация на стыке музыки и AI: отслеживает, какие треки попали в обучающие датасеты, и строит системы атрибуции для авторов, а сейчас курирует University AI Music Research Initiative — 12 команд в 8 университетских лабораториях, включая Berkeley, UCLA и NYU. Свои ценности сайт раскладывает метафорой пластинки: одна сторона диска — Embrace AI, другая — Champion Artists. Сделала студия SF.CO (Some Folk).
https://www.soundethics.org
Sound Ethics — исследовательская организация на стыке музыки и AI: отслеживает, какие треки попали в обучающие датасеты, и строит системы атрибуции для авторов, а сейчас курирует University AI Music Research Initiative — 12 команд в 8 университетских лабораториях, включая Berkeley, UCLA и NYU. Свои ценности сайт раскладывает метафорой пластинки: одна сторона диска — Embrace AI, другая — Champion Artists. Сделала студия SF.CO (Some Folk).
https://www.soundethics.org
This media is not supported in your browser
VIEW IN TELEGRAM
Acid Crunch
Открываешь Acid Crunch, и лента с работами разворачивается зумом, будто заходишь внутрь одного кадра. Подписи-метки над превью каждый раз складываются в новый узор — при повторном заходе получаешь другую раскладку той же ленты. Roman Baturin и Misha Matveev собрали это на React/Next.js, Awwwards отметил Honorable Mention в июле 2026.
https://www.awwwards.com/sites/acid-crunch
Открываешь Acid Crunch, и лента с работами разворачивается зумом, будто заходишь внутрь одного кадра. Подписи-метки над превью каждый раз складываются в новый узор — при повторном заходе получаешь другую раскладку той же ленты. Roman Baturin и Misha Matveev собрали это на React/Next.js, Awwwards отметил Honorable Mention в июле 2026.
https://www.awwwards.com/sites/acid-crunch
This media is not supported in your browser
VIEW IN TELEGRAM
Infinite GSAP Scroll Gallery
Surya Aditya на Codrops гоняет бесконечную ленту не нативным скроллом, а таймлайном GSAP на паузе: секунда шкалы равна 100px движения, поэтому скорость слайдов не зависит от высоты страницы. Клик по превью запускает GSAP Flip — миниатюра морфит в полноэкранный кадр по общему data-flip-id, а четыре состояния (closed/opening/open/closing) не дают кликам конфликтовать друг с другом.
https://tympanus.net/codrops/2026/07/30/building-an-infinite-gsap-scroll-gallery-with-parallax-and-flip-transitions/
Surya Aditya на Codrops гоняет бесконечную ленту не нативным скроллом, а таймлайном GSAP на паузе: секунда шкалы равна 100px движения, поэтому скорость слайдов не зависит от высоты страницы. Клик по превью запускает GSAP Flip — миниатюра морфит в полноэкранный кадр по общему data-flip-id, а четыре состояния (closed/opening/open/closing) не дают кликам конфликтовать друг с другом.
https://tympanus.net/codrops/2026/07/30/building-an-infinite-gsap-scroll-gallery-with-parallax-and-flip-transitions/
🔥1
Depo Luxe
Depo Luxe продаёт «стратегический и кинематографичный подход к люксу» клиентам вроде Alexander McQueen и Kenzo, а превью проектов на хиро пронумерованы римскими цифрами и раскиданы по холсту без выравнивания в сетку — архив читается как стол с разложенными карточками. Вопрос на подумать: такая раскладка облегчает выбор клиенту или просто оттягивает момент, когда придётся сравнивать проекты напрямую?
https://depoluxe.xyz
Depo Luxe продаёт «стратегический и кинематографичный подход к люксу» клиентам вроде Alexander McQueen и Kenzo, а превью проектов на хиро пронумерованы римскими цифрами и раскиданы по холсту без выравнивания в сетку — архив читается как стол с разложенными карточками. Вопрос на подумать: такая раскладка облегчает выбор клиенту или просто оттягивает момент, когда придётся сравнивать проекты напрямую?
https://depoluxe.xyz
This media is not supported in your browser
VIEW IN TELEGRAM
Gravity Fall Trail
Gravity Fall Trail от Vsevolod Gajkin — Dribbble-концепт с физическим откликом на драг: карточки подчиняются гравитации и инерции вместо жёсткой сетки-привязки. Формат остаётся демонстрацией одного жеста — Dribbble показывает поведение трейла только в подготовленной записи, без реального ввода за кадром.
https://dribbble.com/shots/27606818-Gravity-Fall-Trail
Gravity Fall Trail от Vsevolod Gajkin — Dribbble-концепт с физическим откликом на драг: карточки подчиняются гравитации и инерции вместо жёсткой сетки-привязки. Формат остаётся демонстрацией одного жеста — Dribbble показывает поведение трейла только в подготовленной записи, без реального ввода за кадром.
https://dribbble.com/shots/27606818-Gravity-Fall-Trail
Grainient v2
Смотрю на витрину Grainient — 375+ зернистых градиентов, 90 анимированных, 538 AI-фонов — и вижу тот же язык, что у маркетплейсов стоков: бейджи Hot Pick и Most Popular висят прямо над превью. При годовой подписке за $59 и пожизненном доступе за $299 такая подача читается как осознанный выбор позиционирования каталога ассетов, не случайность вёрстки.
https://grainient.supply
Смотрю на витрину Grainient — 375+ зернистых градиентов, 90 анимированных, 538 AI-фонов — и вижу тот же язык, что у маркетплейсов стоков: бейджи Hot Pick и Most Popular висят прямо над превью. При годовой подписке за $59 и пожизненном доступе за $299 такая подача читается как осознанный выбор позиционирования каталога ассетов, не случайность вёрстки.
https://grainient.supply
This media is not supported in your browser
VIEW IN TELEGRAM
Eladio Dieste
++hellohello вместе с Pablo Picart и Ismael Martínez сделали сайт-посвящение уругвайскому инженеру Элвадио Дьесте, который проектировал самонесущие кирпичные своды. Хиро на Three.js и GSAP не иллюстрирует эти своды фотографией, а превращает камеру в участника: она безостановочно летит вглубь одной и той же кирпичной оболочки, кладка расступается слоями, и сама навигация по сайту воспроизводит логику вложенного, повторяющегося свода. Awwwards отметил проект Honorable Mention в августе 2026 с оценкой 8.4 из 10.
https://www.awwwards.com/sites/eladio-dieste/
++hellohello вместе с Pablo Picart и Ismael Martínez сделали сайт-посвящение уругвайскому инженеру Элвадио Дьесте, который проектировал самонесущие кирпичные своды. Хиро на Three.js и GSAP не иллюстрирует эти своды фотографией, а превращает камеру в участника: она безостановочно летит вглубь одной и той же кирпичной оболочки, кладка расступается слоями, и сама навигация по сайту воспроизводит логику вложенного, повторяющегося свода. Awwwards отметил проект Honorable Mention в августе 2026 с оценкой 8.4 из 10.
https://www.awwwards.com/sites/eladio-dieste/
Kultiveret
Копенгагенское бюро культурных путешествий Kultiveret, основанное в 2022 году Александрой Шандер, раскладывает туры не по направлениям поездок, а по девяти категориям — от архитектуры и моды до кухни и кино, — и каждая получает одну фотографию вместо текстового описания. Заголовок «cultivating relationships through» вклинен прямо в сетку карточек, а на входе можно включить фоновый звук Копенгагена — единственный неочевидный интерактивный элемент на иначе статичной чёрно-белой странице.
https://www.kultiveret.com/
Копенгагенское бюро культурных путешествий Kultiveret, основанное в 2022 году Александрой Шандер, раскладывает туры не по направлениям поездок, а по девяти категориям — от архитектуры и моды до кухни и кино, — и каждая получает одну фотографию вместо текстового описания. Заголовок «cultivating relationships through» вклинен прямо в сетку карточек, а на входе можно включить фоновый звук Копенгагена — единственный неочевидный интерактивный элемент на иначе статичной чёрно-белой странице.
https://www.kultiveret.com/
THE LÄND
Открываешь сайт региона Баден-Вюртемберг и вместо баннера с горами попадаешь в игрушечный 3D-макет: дирижабль с именем «THE LÄND» плывёт над рекой, а по ландшафту разбросаны белые таблички-пилюли — «High quality of life», «Strong economy», «Great jobs» — будто это не сайт, а витрина настольной игры про регион. Под макетом находятся вполне рабочие вещи: доска вакансий Wall of Opportunities, гид по переезду, версия с жестовым языком. Сама земля здесь показана раньше любого текста о ней.
https://www.thelaend.de/en/
Открываешь сайт региона Баден-Вюртемберг и вместо баннера с горами попадаешь в игрушечный 3D-макет: дирижабль с именем «THE LÄND» плывёт над рекой, а по ландшафту разбросаны белые таблички-пилюли — «High quality of life», «Strong economy», «Great jobs» — будто это не сайт, а витрина настольной игры про регион. Под макетом находятся вполне рабочие вещи: доска вакансий Wall of Opportunities, гид по переезду, версия с жестовым языком. Сама земля здесь показана раньше любого текста о ней.
https://www.thelaend.de/en/
This media is not supported in your browser
VIEW IN TELEGRAM
Cadillac Formula 1 Team
Официальный сайт Cadillac F1 Team открывается не статичным рендером, а видео с плеером поверх кадра: болид снят сзади, в ангаре с полосным верхним светом, на заднем антикрыле — трёхцветная нашивка «USA». Меню вызывается отдельным полноэкранным оверлеем (Home, Calendar, News, Partners, Careers, Store), а сразу под хиро идёт раздел под заголовком Colors of Home. Awwwards отметил сайт как Nominee в августе 2026.
https://www.cadillacf1team.com/
Официальный сайт Cadillac F1 Team открывается не статичным рендером, а видео с плеером поверх кадра: болид снят сзади, в ангаре с полосным верхним светом, на заднем антикрыле — трёхцветная нашивка «USA». Меню вызывается отдельным полноэкранным оверлеем (Home, Calendar, News, Partners, Careers, Store), а сразу под хиро идёт раздел под заголовком Colors of Home. Awwwards отметил сайт как Nominee в августе 2026.
https://www.cadillacf1team.com/
This media is not supported in your browser
VIEW IN TELEGRAM
Vita Travels
Vita Travels продаёт не ретрит, а сборку: экран Combine Retreat разворачивает бронирование в четыре шага — Choose, Match Boutique, Add Transfers, Secure — и объединяет проживание, трансфер и допуслуги в один чекаут вместо отдельных броней на разных сайтах. У площадки больше 200 сертифицированных коучей и 1472+ проведённых ретритов в 100+ странах. Вопрос на подумать: если весь маршрут собирается за один проход по четырём шагам, не теряет ли турист ту часть выбора, которая раньше приходилась на самостоятельный поиск жилья и транспорта?
https://vita-travel.webflow.io/
Vita Travels продаёт не ретрит, а сборку: экран Combine Retreat разворачивает бронирование в четыре шага — Choose, Match Boutique, Add Transfers, Secure — и объединяет проживание, трансфер и допуслуги в один чекаут вместо отдельных броней на разных сайтах. У площадки больше 200 сертифицированных коучей и 1472+ проведённых ретритов в 100+ странах. Вопрос на подумать: если весь маршрут собирается за один проход по четырём шагам, не теряет ли турист ту часть выбора, которая раньше приходилась на самостоятельный поиск жилья и транспорта?
https://vita-travel.webflow.io/
SOMA
SOMA — монреальская продакшн-студия рекламных роликов, а на хиро вместо шоурила — крупный план: рука тянется вверх сквозь толщу синей воды, и поверх кадра лежит жирный, слегка наклонный леттеринг SOMA. Дальше сайт резко меняет регистр — минималистичная сетка портретов из 16+ режиссёров (среди них Simon Olivier Fecteau, Sarah Pellerin, Daniel Roby, Ricardo Trogi), без анимации и лишних эффектов. Один драматичный кадр продаёт эмоцию ролика, а сразу за ним — сухой список тех, кто это снимает.
https://soma.ca
SOMA — монреальская продакшн-студия рекламных роликов, а на хиро вместо шоурила — крупный план: рука тянется вверх сквозь толщу синей воды, и поверх кадра лежит жирный, слегка наклонный леттеринг SOMA. Дальше сайт резко меняет регистр — минималистичная сетка портретов из 16+ режиссёров (среди них Simon Olivier Fecteau, Sarah Pellerin, Daniel Roby, Ricardo Trogi), без анимации и лишних эффектов. Один драматичный кадр продаёт эмоцию ролика, а сразу за ним — сухой список тех, кто это снимает.
https://soma.ca
Kim Seunghyuk
В портфолио Kim Seunghyuk один кейс задерживает дольше остальных: пилотная презентация для программы 2024 года по переводу корейского культурного наследия — Кёнбоккун, Чхандоккун, крепость Хвасон в Сувоне — в библиотеку 3D-ассетов для игр, кино и XR. Навигация внутри кейса устроена как созвездие: слова millennia, heritage, pattern, material, rebirth, transformation соединены линиями, как точки на звёздной карте, и почему-то в этой форме процесс разработки ассетов читается понятнее, чем в обычном тайм-лайне. Три шага метода сведены к трём иконкам — Pattern, Materialize, Apply.
https://seunghyuk.com
В портфолио Kim Seunghyuk один кейс задерживает дольше остальных: пилотная презентация для программы 2024 года по переводу корейского культурного наследия — Кёнбоккун, Чхандоккун, крепость Хвасон в Сувоне — в библиотеку 3D-ассетов для игр, кино и XR. Навигация внутри кейса устроена как созвездие: слова millennia, heritage, pattern, material, rebirth, transformation соединены линиями, как точки на звёздной карте, и почему-то в этой форме процесс разработки ассетов читается понятнее, чем в обычном тайм-лайне. Три шага метода сведены к трём иконкам — Pattern, Materialize, Apply.
https://seunghyuk.com
This media is not supported in your browser
VIEW IN TELEGRAM
Store Locator (Mapbox)
В сторлокаторе Ильи ван Эка список точек и карта живут одним состоянием: клик по карточке или по пину переключает атрибут data-active сразу в обеих панелях, а перелёт к выбранной точке отрабатывает сам Mapbox GL JS за 1200 мс — без GSAP, хотя ресурс подписан как "Mapbox + GSAP". Маркеры генерируются из одного HTML-шаблона по data-координатам, а для тех, кто просил отключить движение, перелёт отключается через prefers-reduced-motion.
https://www.osmo.supply/resource/store-locator-mapbox
В сторлокаторе Ильи ван Эка список точек и карта живут одним состоянием: клик по карточке или по пину переключает атрибут data-active сразу в обеих панелях, а перелёт к выбранной точке отрабатывает сам Mapbox GL JS за 1200 мс — без GSAP, хотя ресурс подписан как "Mapbox + GSAP". Маркеры генерируются из одного HTML-шаблона по data-координатам, а для тех, кто просил отключить движение, перелёт отключается через prefers-reduced-motion.
https://www.osmo.supply/resource/store-locator-mapbox
Alethia
Alethia продаёт Atmospheric-Based Digital MRV — измерение и верификацию выбросов CO₂ через сеть сенсоров, спутниковые снимки и блокчейн-подтверждение данных вместо ручной отчётности. Два продуктовых трека: nature-based carbon market для компенсационных проектов и supply chain emissions tracking для корпоративной цепочки поставок. Сайт держит вокруг этого минимум декора — крупная типографика, CO₂-метрики прямо в блоках текста, две точки на карте (Буэнос-Айрес и Логан, Юта) вместо абстрактного "работаем глобально".
https://www.alethia.earth
Alethia продаёт Atmospheric-Based Digital MRV — измерение и верификацию выбросов CO₂ через сеть сенсоров, спутниковые снимки и блокчейн-подтверждение данных вместо ручной отчётности. Два продуктовых трека: nature-based carbon market для компенсационных проектов и supply chain emissions tracking для корпоративной цепочки поставок. Сайт держит вокруг этого минимум декора — крупная типографика, CO₂-метрики прямо в блоках текста, две точки на карте (Буэнос-Айрес и Логан, Юта) вместо абстрактного "работаем глобально".
https://www.alethia.earth
This media is not supported in your browser
VIEW IN TELEGRAM
Layout Grid Flip
Смотрю на переключение между крупной и мелкой сеткой у Ильи ван Эка и не сразу считываю это как анимацию — карточки будто сами знают новое место. За этим стоит Flip.getState() из GSAP: скрипт фиксирует позиции элементов до смены разметки, потом анимирует их к новым координатам, одновременно растягивая высоту контейнера. Количество колонок держится на CSS-переменных, так что сетка остаётся отзывчивой, а не пересобирается с нуля под каждый брейкпоинт.
https://osmo.supply/resource/layout-grid-flip
Смотрю на переключение между крупной и мелкой сеткой у Ильи ван Эка и не сразу считываю это как анимацию — карточки будто сами знают новое место. За этим стоит Flip.getState() из GSAP: скрипт фиксирует позиции элементов до смены разметки, потом анимирует их к новым координатам, одновременно растягивая высоту контейнера. Количество колонок держится на CSS-переменных, так что сетка остаётся отзывчивой, а не пересобирается с нуля под каждый брейкпоинт.
https://osmo.supply/resource/layout-grid-flip