ArtPill

Сайт глобальной дизайн-студии держится всего на двух цветах — чёрном и неоновом жёлтом (#def846) — и с этой ограниченной палитрой строит переходы между разделами, слайд-галерею работ и 3D-объекты на Next.js. Awwwards SOTD в апреле 2025 года отметил именно это: не количество приёмов, а то, что все они укладываются в один жёсткий цветовой код.

https://artpill.studio/

Phantom

Phantom — агентство из Лондона и Окленда, которое строит WebGL-визуализации и AI-инструменты для Casamigos, Google, Netflix и Diageo, а для генерации дизайна бутылок держит собственный AI-движок Halo. При этом главная страница почти без анимации: студия делает ставку на то, что портфолио убеждает само, без демонстрационных эффектов на входе.

https://phantom.land/

Overtime — Company Policy

Company Policy построили Overtime как тематический каталог: двенадцать слов — Noise, Mistake, Vibration, Distortion, Energy и другие — работают отдельными точками входа в галереи изображений, вместо привычных разделов вроде «Работы» или «О нас». Получается словарь ощущений, через который прощупывается сама студия, до того как открыт хоть один кейс.

https://overtime.companypolicy.studio/

Cosmos

Cosmos ищет референсы не по тегам, а по цвету и визуальному сходству: картинка сама работает как поисковый запрос. К каждому результату подтягиваются автор, источник и пометка о вероятном AI-происхождении изображения. Вопрос на подумать: насколько долго такая пометка будет надёжным ориентиром, если через год ИИ-изображения перестанут визуально отличаться от настоящих даже для алгоритма детекции?

https://www.cosmos.so/

Jonite

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

https://www.jonite.com

Made With Gsap

Майкл Гарсиа и Флоран Ру-Дюррафур — два разработчика с суммарно 27 Awwwards SOTD — оформили каталог из 109 GSAP-эффектов как подписочный сервис: к каждому идёт разбор техники, готовый код и Webflow-версия, а новый эффект выходит каждую неделю. Все анимации держатся на JS и GSAP, без Canvas и WebGL — сложность здесь скорее в количестве вариантов, чем в тяжести рендера.

https://madewithgsap.com

Image Flow Effect (GSAP MotionPath)

Икбал Мутаххари, разработчик из Индонезии, адаптировал под веб motion-референс Ррона Бериши: стопка превью раскрывается в вертикальную ленту, а каждая карточка идёт по изогнутой траектории на GSAP MotionPath — всего две контрольные точки на изображение, плюс лёгкий сдвиг прозрачности на каждом шаге. Простой в реализации приём, который меняет ощущение от самого обычного слайдера.

https://tympanus.net/codrops/2026/06/04/creating-a-thumbnail-flow-animation-with-gsap-motionpath/

Cipher

Структура навигации у Cipher — works, talents, about — ставит имена авторов на один уровень с самими проектами: продакшн-студия Studio Jour показывает не только портфолио, но и конкретных постановщиков за ним. Для крео-продакшена, где клиент выбирает не агентство, а человека, это точнее обычной галереи кейсов.

https://cipher.tv/

Bemo

У Bemo диапазон работ — от инсталляций для Sphere и Sydney Opera House до роликов для Adidas и Beats — подан одним потоком, без разделения на «медиа-арт» и «коммерцию». Портфолио сделано на Webflow, и по нему не сразу считывается, что за витриной стоит продакшн-пайплайн, который дотягивает до полноформатных инсталляций такого масштаба.

https://www.bemo.studio/

Mallard & Claret

Mallard & Claret держат команду в Лондоне и Брисбене — это не просто два офиса, а сплошное покрытие на 24 часа: пока один часовой пояс спит, второй ведёт проект дальше. Стек за фасадом — WordPress, Webflow, headless CMS (Contentful, Prismic, Sanity) и React/Next.js поверх — агентство закрывает и контентные сайты, и продуктовые интерфейсы одним составом.

https://mallardandclaret.com/

Meta Ray-Ban Display

Управление у Meta Ray-Ban Display разнесено по трём каналам сразу: голос («Hey Meta»), касание оправы и жест через Neural Band, который считывает сигнал мышц запястья. Каждый канал по отдельности логичен, но вопрос на подумать — через сколько взаимодействий пользователь перестанет выбирать способ и начнёт путать команды между собой?

https://www.ray-ban.com/usa/l/discover-meta-ray-ban-display

Alec Tear

Активное состояние на сайте Alec Tear — не обводка и не подсветка, а сплошная заливка ультрамарином почти на половину экрана: иерархия строится тем, какая панель залита цветом, а не размером элементов. Для леттеринг-дизайнера, чья профессия — плотность и вес формы, это скорее продолжение личного визуального языка, чем шаблон поверх портфолио.

https://alectear.com/

Mooders

На Mooders единственный источник цвета на экране — фотография, вписанная маской внутрь буквы вордмарка; убери её — и макет останется чёрно-белым целиком. Приём совпадает с профилем студии: Mooders занимается саунд-дизайном и музыкой для брендов вроде Cartier и Rolls-Royce, а на сайте вместо плееров и волновых форм звук показан через типографику.

https://mooders.net/

Race Condition

Race Condition — открытый код North Kingdom и Google — прогоняет больше тысячи независимых ИИ-агентов через симуляцию марафона в Лас-Вегасе: каждый бегун сам считает стратегию темпа и реагирует на обстановку через модели Gemma на Kubernetes. Вместо текстового ответа агенты отдают фронтенду готовые UI-компоненты по протоколу A2UI. Вопрос на подумать: если интерфейс теперь собирает сам агент, а не дизайнер, где проходит граница между дизайн-системой и поведением модели?

https://www.northkingdom.com/case/racecondition

Alkares

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

https://alkares.com/

Dear Freeda

Смотришь на Dear Freeda и не сразу понимаешь: это брендинговое агентство или эзотерическая практика. Сайт держит эту двойственность сознательно — рядом стоят два прайс-листа: Quantum Marketing (стратегия, айдентика, веб-разработка) и Business Energetics (сессии, «Business Chart Readings», «Business Constellations»), а плавающие 3D-глаза и лиановидные формы на чёрном фоне подходят обоим одинаково хорошо.

https://www.dearfreeda.com/

Carrière Scène

Carrière Scène — сайт кампании SMAQ (Scènes de Musique Alternatives du Québec) о профессиях в независимой музыкальной индустрии Квебека. Заголовки набраны с перспективным искажением, будто отсканированы под углом, а портреты героев кампании — с грубым halftone-растром и заливкой в кислотный магента-розовый. Переход между секциями держится не на анимации, а на резкой смене цветовых блоков.

https://carrierescene.ca/

Aardvark Book Club

Aardvark позиционирует себя как «книжный клуб, который совсем не традиционный»: подписка от $17.99 в месяц, до трёх книг на выбор, коробка с иллюстрированной инструкцией на четыре шага распаковки. На сайте сами книги показаны как парящие 3D-объекты над холмистым ландшафтом из ярких плашек — витрина скорее для товара, чем для чтения. Вопрос на подумать: если процесс выбора и распаковки оформлен как отдельный продукт, что в итоге продают — книги или ритуал вокруг них?

https://aardvarkbookclub.com

Custom Page Transitions in Astro

Икбал Мутаххари в туториале на Codrops показывает шесть вариантов переходов между страницами на Astro: Barba.js перехватывает навигацию и подменяет только контейнер с атрибутом data-barba, а GSAP, Three.js и SVG отвечают за сам эффект — от WebGL-шума до отрисовки SVG-пути. У каждого перехода свой жизненный цикл (before, leave, enter, after), и в этом ключевая деталь: можно управлять одновременно и уходящим, и новым контейнером, а не только одним из них.

https://tympanus.net/codrops/2026/04/08/creating-custom-page-transitions-in-astro-with-barba-js-and-gsap/

Airborne Studio

На хиро Airborne нет логотипа в привычном смысле — вместо него слово сложено из объёмных 3D-предметов: боксёрская перчатка, скейт, рыцарский шлем, надувной блок. Студия называет себя «brand, creative and development partners» для tech- и культурных «changemakers», и в навигации это разложено буквально — Partnerships, Work, Playbook, Journal, без раздела «Услуги» с общими словами.

https://www.airborne.studio/

Cantor8

Cantor8 строит инфраструктуру для институциональных цифровых активов на блокчейне Canton, а на хиро вместо продуктовых скриншотов — радиальный график: точки по окружности сходятся линиями в одну точку в центре, а подписи вокруг («Retrieval», «Decoding», «Tokenization», «Latent Flow», «Consolidation») по очереди сменяют друг друга, будто визуализируют работу системы в реальном времени. Вопрос на подумать: помогает ли абстрактная визуализация процесса читать продукт быстрее, чем схема архитектуры, если самой схемы на сайте нигде нет?

https://www.cantor8.io/