Cultural / Event · 2026 · NYC · Bilingual (RU + EN)

INTERSPACE

Wystawa immersywna sztuki współczesnej. Editorial typography + WebGL ładowany async — bez blokady renderu.

Stack

  • HTML
  • CSS
  • GSAP
  • Three.js (async)

Branża

  • Cultural / Event

Rok i region

  • 2026
  • NYC
  • Bilingual (RU + EN)
01

Kontekst

Lending immersyjnej wystawy sztuki współczesnej w Nowym Jorku (Piąta Aleja, wrzesień-listopad 2026), dwujęzyczny RU+EN. Zwykłe strony galerii sprzedają listą nazwisk i suchym harmonogramem: pełnoekranowe wideo, tabela artystów, schowane bilety — i fatalny performance (WebGL w hero blokuje render, LCP 4-8 s na mobile). Ta wystawa sprzedaje się atmosferą, więc trzeba dać ją poczuć już na lendingu.

02

Rozwiązanie

WebGL ładuje się asynchronicznie, po pierwszym krytycznym renderze: pierwszy ekran (tekst + zdjęcia) działa natychmiast, a scena 3D dogrywa się niżej przy przewijaniu, gdy widz jest już wciągnięty — i performance, i efekt wow bez wyboru. Dwujęzyczność RU+EN od razu: rosyjskojęzyczna diaspora w NYC jest duża, a muzea zwykle ją ignorują. Paleta — kremowe tło i ciepłe złoto (premium bez przesady); motyw light/dark jednym kliknięciem, pod wieczorne oglądanie.

03

Wynik

Tekst i zdjęcia — ścieżka krytyczna, renderują się od razu; animacje i ciężka scena 3D podłączają się potem i nie blokują treści; jest fallbackowe tło dla starych przeglądarek i zatrzymanie ruchu przy reduced-motion. Strona sprzedaje atmosferę, a nie katalog: 3D przychodzi „w tle", bez ofiar w szybkości, a dwujęzyczność szanuje realną demografię miasta.