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
White Desert
White Desert возит до 12 гостей за рейс из Кейптауна в три собственных лагеря во внутренней Антарктиде — Whichaway, Echo Base, Explorer, по шесть люксов в каждом, перелёт до взлётной полосы Wolf's Fang занимает около 5,5 часов. Пять маршрутов размечены по цене — от $16 500 за однодневный выезд до $115 500 за экспедицию к Южному полюсу, а бронирование студия Malvah провела через шесть шагов логистики вместо одной формы запроса.
https://white-desert.com
White Desert возит до 12 гостей за рейс из Кейптауна в три собственных лагеря во внутренней Антарктиде — Whichaway, Echo Base, Explorer, по шесть люксов в каждом, перелёт до взлётной полосы Wolf's Fang занимает около 5,5 часов. Пять маршрутов размечены по цене — от $16 500 за однодневный выезд до $115 500 за экспедицию к Южному полюсу, а бронирование студия Malvah провела через шесть шагов логистики вместо одной формы запроса.
https://white-desert.com
🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Seasats
Флагманский аппарат Seasats, Lightfish, весит 305 фунтов, помещается в кузов пикапа и держится автономно на солнечной энергии до полугода — на нём же компания уже провела необитаемое судно сквозь Тайваньский пролив. Линейка на сайте разложена по задачам: Lightfish для долгого наблюдения, Quickfish — тактическая версия на 35+ узлов, Heavyfish под тяжёлую нагрузку выходит в 2026-м. Если морской дрон умещается в багажник и не требует экипажа, где теперь проходит граница между военной разведкой и гражданской робототехникой?
https://www.seasats.com/
Флагманский аппарат Seasats, Lightfish, весит 305 фунтов, помещается в кузов пикапа и держится автономно на солнечной энергии до полугода — на нём же компания уже провела необитаемое судно сквозь Тайваньский пролив. Линейка на сайте разложена по задачам: Lightfish для долгого наблюдения, Quickfish — тактическая версия на 35+ узлов, Heavyfish под тяжёлую нагрузку выходит в 2026-м. Если морской дрон умещается в багажник и не требует экипажа, где теперь проходит граница между военной разведкой и гражданской робототехникой?
https://www.seasats.com/
This media is not supported in your browser
VIEW IN TELEGRAM
1000 Whales
ARK Studio строит A Thousand Whales вокруг счётчика убийств, обновляющегося в реальном времени по ходу сезона китобойного промысла Hvalur hf. в Исландии, и AR-режима, который показывает финвала в его настоящем масштабе — 26 метров — прямо в комнате зрителя. Приём работает как аргумент расследования: сухие цифры (медиана 11,5 минут до смерти, 41% выстрелов без мгновенного результата, около $12 млн убытков за три задокументированных года) подкреплены физическим ощущением размера животного, которое иначе остаётся абстракцией статистики.
https://1000whales.com/
ARK Studio строит A Thousand Whales вокруг счётчика убийств, обновляющегося в реальном времени по ходу сезона китобойного промысла Hvalur hf. в Исландии, и AR-режима, который показывает финвала в его настоящем масштабе — 26 метров — прямо в комнате зрителя. Приём работает как аргумент расследования: сухие цифры (медиана 11,5 минут до смерти, 41% выстрелов без мгновенного результата, около $12 млн убытков за три задокументированных года) подкреплены физическим ощущением размера животного, которое иначе остаётся абстракцией статистики.
https://1000whales.com/
Produx Design
Захожу на сайт Produx и вижу студию, которая буквально встроила обещание "you feel the brand before it speaks" в саму вёрстку: полноэкранные кейсы, цитаты фаундеров прямо в потоке контента, бесконечная карусель логотипов клиентов вместо статичного грид-блока. Барселонская команда под руководством Alexandr Socoloff закрывает полный цикл бренд-айдентики за 14 дней, и сайт, кажется, нарочно не перегружен деталями, чтобы не спорить с этим обещанием скорости.
https://www.produx.design/
Захожу на сайт Produx и вижу студию, которая буквально встроила обещание "you feel the brand before it speaks" в саму вёрстку: полноэкранные кейсы, цитаты фаундеров прямо в потоке контента, бесконечная карусель логотипов клиентов вместо статичного грид-блока. Барселонская команда под руководством Alexandr Socoloff закрывает полный цикл бренд-айдентики за 14 дней, и сайт, кажется, нарочно не перегружен деталями, чтобы не спорить с этим обещанием скорости.
https://www.produx.design/
ree|b. — Handheld Portfolio
Дизайнер Areeb Ali продаёт себя не карточками кейсов, а работающим «устройством»: экран стартует с CRT-заставки, список из восьми проектов (Resonance, Reel Cinemas, AlUla, Coca-Cola Arena и другие, 2021–2025) листается кликвилом или клавиатурой — стрелки, Enter, Tab, Esc, P на power. Для дизайнера, который работает на стыке product design и AI, такая форма портфолио сама становится демонстрацией навыка: вместо описания интеракций в кейсах он даёт их прожить в интерфейсе, который сначала нужно самому включить.
https://areebali.com
Дизайнер Areeb Ali продаёт себя не карточками кейсов, а работающим «устройством»: экран стартует с CRT-заставки, список из восьми проектов (Resonance, Reel Cinemas, AlUla, Coca-Cola Arena и другие, 2021–2025) листается кликвилом или клавиатурой — стрелки, Enter, Tab, Esc, P на power. Для дизайнера, который работает на стыке product design и AI, такая форма портфолио сама становится демонстрацией навыка: вместо описания интеракций в кейсах он даёт их прожить в интерфейсе, который сначала нужно самому включить.
https://areebali.com
Uni-Yi
Digital Initiative for Cross-dialect Unification of Yi Scripts переводит знание носителей языка в проверяемые данные: панель Lexicon строит тепловую карту по диалектам — Bijie, Chuxiong, Dahong, Honghe, Longlin, Luquan, Shilin, — и чем темнее ячейка, тем больше словарных записей символа зафиксировано именно в этом варианте письма. Кадр с кремниевой пластиной в руке участницы в традиционном наряде и книгой Cleanroom Inspection Record буквализирует метафору проекта: письменность И здесь обрабатывают как чип — переводят рукописный вариант в стандартизированный, машиночитаемый формат, доступный на правку через логин контрибьютора.
https://www.uniyi.org
Digital Initiative for Cross-dialect Unification of Yi Scripts переводит знание носителей языка в проверяемые данные: панель Lexicon строит тепловую карту по диалектам — Bijie, Chuxiong, Dahong, Honghe, Longlin, Luquan, Shilin, — и чем темнее ячейка, тем больше словарных записей символа зафиксировано именно в этом варианте письма. Кадр с кремниевой пластиной в руке участницы в традиционном наряде и книгой Cleanroom Inspection Record буквализирует метафору проекта: письменность И здесь обрабатывают как чип — переводят рукописный вариант в стандартизированный, машиночитаемый формат, доступный на правку через логин контрибьютора.
https://www.uniyi.org
Studio K95
Захожу на сайт K95 и сначала ищу глазами сетку — а вместо неё нахожу комнату: превью кейсов расставлены на разной глубине вокруг хромированного объекта в центре, собранного из прямоугольных сегментов. Переключатель Rings/Spiral не меняет список работ, а просто разворачивает их по-другому в этом же пространстве. Студия из Катании держит в портфолио и мотошлемы, и культурный фестиваль Wratislavia Cantans — и почему-то оба типа проектов одинаково спокойно смотрятся в этой синей комнате.
https://k95.it
Захожу на сайт K95 и сначала ищу глазами сетку — а вместо неё нахожу комнату: превью кейсов расставлены на разной глубине вокруг хромированного объекта в центре, собранного из прямоугольных сегментов. Переключатель Rings/Spiral не меняет список работ, а просто разворачивает их по-другому в этом же пространстве. Студия из Катании держит в портфолио и мотошлемы, и культурный фестиваль Wratislavia Cantans — и почему-то оба типа проектов одинаково спокойно смотрятся в этой синей комнате.
https://k95.it
This media is not supported in your browser
VIEW IN TELEGRAM
Apple Dock Navigation Bar
Ресурс Ilja van Eck на Osmo разбирает macOS Dock на уровне CSS-классов: наведённый пункт получает .hover и растягивается с 5em до 8em, соседние — .sibling-close (7em), через один — .sibling-far (6em), и вся волна расширения держится на паре CSS-переходов плюс JS, который просто переключает эти классы при движении курсора. GSAP в коде подключён, но в самой механике не участвует — эффект целиком собран на голом CSS.
https://www.osmo.supply/resource/apple-dock-navigation-bar
Ресурс Ilja van Eck на Osmo разбирает macOS Dock на уровне CSS-классов: наведённый пункт получает .hover и растягивается с 5em до 8em, соседние — .sibling-close (7em), через один — .sibling-far (6em), и вся волна расширения держится на паре CSS-переходов плюс JS, который просто переключает эти классы при движении курсора. GSAP в коде подключён, но в самой механике не участвует — эффект целиком собран на голом CSS.
https://www.osmo.supply/resource/apple-dock-navigation-bar
This media is not supported in your browser
VIEW IN TELEGRAM
Boc.Studio
Boc.Studio держит в одном портфолио брендинг для CE Europa и Chocovic — и тут же генеративные AI-системы как отдельную услугу, наравне с art direction и motion. Адрес в Барселоне (41.4120° N, 2.1580° E) повторяется на странице так настойчиво, будто локация — часть идентичности бренда сильнее, чем список клиентов. Вопрос на подумать: если креативная студия предлагает AI-генерацию как услугу того же порядка, что и брендинг, кто в итоге придумывает образ — арт-директор или модель?
https://boc.studio/
Boc.Studio держит в одном портфолио брендинг для CE Europa и Chocovic — и тут же генеративные AI-системы как отдельную услугу, наравне с art direction и motion. Адрес в Барселоне (41.4120° N, 2.1580° E) повторяется на странице так настойчиво, будто локация — часть идентичности бренда сильнее, чем список клиентов. Вопрос на подумать: если креативная студия предлагает AI-генерацию как услугу того же порядка, что и брендинг, кто в итоге придумывает образ — арт-директор или модель?
https://boc.studio/
🔥1
Porsche Motorsport Hub
Обновлённый хаб Porsche Motorsport разводит по разделам не типы контента, а роли аудитории: Series и Cars — для тех, кто выбирает конкретный чемпионат (IMSA, Formula E, WEC), Teams — для тех, кто следит за конкретным экипажем, а отдельная линия Junior/Female/Selected Driver Program — не архив результатов, а витрина пути от новичка до пилота фабричной команды. Слоган на хиро «From racing to everything we are» в этой структуре не декларация, а буквальная карта сайта: гонки здесь — входная точка, а не единственный контент.
https://racing.porsche.com
Обновлённый хаб Porsche Motorsport разводит по разделам не типы контента, а роли аудитории: Series и Cars — для тех, кто выбирает конкретный чемпионат (IMSA, Formula E, WEC), Teams — для тех, кто следит за конкретным экипажем, а отдельная линия Junior/Female/Selected Driver Program — не архив результатов, а витрина пути от новичка до пилота фабричной команды. Слоган на хиро «From racing to everything we are» в этой структуре не декларация, а буквальная карта сайта: гонки здесь — входная точка, а не единственный контент.
https://racing.porsche.com
🔥1
orma.games
Открываю сайт римской студии orma.games и вместо привычного плеера или трейлера на весь экран — рабочий Game Boy: зелёный ЖК-дисплей, крестовина, кнопки A и B подписаны как OK и INDIETRO. Меню здесь не список разделов, а буквально загрузочное меню консоли: La Missione, Chi Siamo, I Giochi. Студия называет себя автором «piccoli giochi, grande cuore» — маленьких игр с большим сердцем, и раз речь об инди-проектах вроде уже вышедшей ECO, сайт-консоль подходит им точнее, чем очередной лендинг с шоурилом.
https://orma.games
Открываю сайт римской студии orma.games и вместо привычного плеера или трейлера на весь экран — рабочий Game Boy: зелёный ЖК-дисплей, крестовина, кнопки A и B подписаны как OK и INDIETRO. Меню здесь не список разделов, а буквально загрузочное меню консоли: La Missione, Chi Siamo, I Giochi. Студия называет себя автором «piccoli giochi, grande cuore» — маленьких игр с большим сердцем, и раз речь об инди-проектах вроде уже вышедшей ECO, сайт-консоль подходит им точнее, чем очередной лендинг с шоурилом.
https://orma.games