Cultural / Event · 2026 · NYC · Bilingual (RU + EN) · HTML / CSS / GSAP / Three.js (async)

Пространство · INTERSPACE

Імерсивна виставка сучасного мистецтва в NYC з editorial typography і async WebGL

Пространство · INTERSPACE — preview
01

Контекст

Лендинг імерсивної виставки сучасного мистецтва в Нью-Йорку (5-та авеню, вересень-листопад 2026), білінгва RU+EN. Звичайні сайти галерей продають списком художників і сухим розкладом: фуллскрин-відео, таблиця імен, заховані квитки — і жахливий perf (WebGL у hero блокує відмальовку, LCP 4-8 с на мобільному). Ця виставка продається атмосферою, отже її треба дати відчути прямо на лендингу.

02

Рішення

WebGL вантажиться асинхронно, після першого критичного рендеру: перший екран (текст + фото) працює миттєво, а 3D-сцена підтягується нижче по скролу, коли людина вже залучена — і performance, і wow без вибору. Білінгва RU+EN з коробки: російськомовна діаспора в NYC велика, а музеї її зазвичай ігнорують. Палітра — кремовий фон і тепле золото (premium без переграння); тема light/dark в один клік, під вечірній перегляд.

03

Підсумок

Текст і фото — критичний шлях, рендеряться одразу; анімації й важка 3D-сцена підключаються потім і не блокують контент; є fallback-фон для старих браузерів і стоп-рух при reduced-motion. Сайт продає атмосферу, а не каталог: 3D приходить «у фоні», без жертв у швидкості, а білінгва поважає реальну демографію міста.