OVERDRIVE
“Long in. Viral out.” Uzun yayınları dikey kliplere çeviren bir yapay zekâ editörünün lansman sitesi. Konsept bir ürün, gerçek bir site: WebGL, scroll sahneleri ve iki dil.
Proje hakkında.
OVERDRIVE, portfolyo için kurguladığım bir marka: üç saatlik bir yayını yükleyince içinden paylaşılmaya hazır dikey klipler çıkaran bir yapay zekâ editörü. Amaç, gürültülü ve cesur bir lansman sitesinin nasıl hissettirebileceğini göstermekti.
Sayfayı scroll ile oynatılan bir video gibi kurguladım. Hero'daki video karesi scroll'la dilimlere ayrılıp 9:16 klip kartlarına dönüşüyor; ürünün vaadi tek bir hareketle anlatılıyor. Ağır WebGL sahnesi kullanıcı etkileşime geçince başlıyor, o zamana kadar aynı karenin hafif bir kopyası görünüyor.
Hareketli, video ağırlıklı bir lansman sitesi çoğu zaman yavaş açılır ve telefonda takılır.
Three.js yerine ham WebGL2, ihtiyaç anında başlayan sahneler, tek bir IntersectionObserver ve telefonda sadeleşen hareket.
Masaüstünde Lighthouse performans puanı 100. Tüm sahneler reduced-motion modunda da kullanılabilir.
Ekranlar
Benzer bir şeye mi ihtiyacın var?
Can · ben yokken asistanım yanıtlar