Sinematik web,mühendislikle kurulmuş — hem hızlı HEM sinematik; şansa değil mühendisliğe dayalı.

Largest Contentful Paint

Hızlı bir poster / ilk kare erken boyanıyor — ağır bir canvas hero, en büyük boyamayı asla engellemiyor.

Interaction to Next Paint

Geçmesi en zor olan. Uzun ana iş parçacığı görevlerini animasyon ve hidrasyondan ayırıyoruz, böylece sayfa hareket ederken bile tepkisel kalıyor.

Cumulative Layout Shift

Her canvas ve medya öğesi için yer baştan ayrılıyor, böylece scroll ile açılan içerikler ve geç yüklenen 3D düzeni asla kaydırmıyor.

3D ve ağır hareket sitemi yavaşlatmaz mı?

Tam da var oluş sebebimiz, bu başarısızlık biçiminden kaçınmak. Tek bir shader yazmadan önce bir Core Web Vitals bütçesi belirliyoruz — p75'te LCP ≤ 2,5sn, INP ≤ 200ms, CLS ≤ 0,1 — ve sinematik katmanı buna bağlı tutuyoruz. Three.js asla başlangıç paketinizde olmuyor; 3D ve scroll-scrub katmanı, yalnızca viewport'a yakınken, izole ve yalnızca istemcide çalışan adacıklar olarak tembel yükleniyor; sayfanın geri kalanı ise statik ve hızlı kalıyor. 'Hem hızlı HEM sinematik' dürüst bir ifade, çünkü bunu şansa bırakmadık, baştan bütçeledik.

Peki ya mobil ve erişilebilirlik?

Her ikisi de sonradan yamanmıyor, baştan tasarlanıyor. Önce sade ve hızlı bir statik deneyim gönderiyor, hareketi yalnızca onu azaltmak istemeyen kullanıcılar için katman olarak ekliyoruz — hareketi azaltmayı tercih edenler varsayılan olarak sakin, tamamen okunabilir bir site alıyor; içerik silinmek yerine zorunlu hareketin yerine başkası konuyor (yakınlaşma yerine bir kararma). Mobilde sadeleştirilmiş bir sahne ya da statik bir poster çalıştırıyoruz; WebGPU bulunmayan az sayıdaki cihaz için otomatik WebGL2 fallback ile birlikte. Otomatik oynatılan ya da döngüye giren içerikte duraklatma kontrolleri oluyor ve hareket kontrolleri, görünür odakla klavyeden erişilebilir.

Neden sadece Webflow ya da Framer kullanmıyoruz?

Dekoratif 3D için — dönen bir küre, hafif parallax — bu araçlar yeterli, ve doğru tercihin o olduğu durumu size söyleriz. Gerçek WebGL shader'ları, fizik, büyük optimize edilmiş GLTF ya da etkileşimli Three.js / R3F sahneleri gerektiği anda bunu elle kodlamanız gerekir; bir araç platformunun kara kutu React'i ise ağır animasyon altında layout-shift açısından işaretlenen bir yük taşır. Biz, aynı zamanda ödül seviyesinde hareket de üreten yazılım mühendisleriyiz: platform tavanı yok, kilitlenme yok, sahip olduğunuz kod ve gerçekten garanti edebileceğimiz performans. Webflow'un Code Components'i hibrit bir yol — ama ağır bileşen yine bizim gibi biri tarafından elle kuruluyor.

Bir tasarım stüdyosundan farkınız ne?

Ödül seviyesindeki sitelerin çoğu, hareketi mükemmel kuran ama takılmalarla teslim eden stüdyolardan çıkar — INP ya da CLS'de kalır, mobilde bozulur, hareket azaltmayı yok sayar. Biz aynı görsel tavanı, üstüne mühendislikle getiriyoruz: Core Web Vitals bütçeleri, erişilebilirlik, düzgün varlık hatları ve mobil / fallback yönetimi. Çoğu zaman bir tasarım stüdyosunun performanslı build'i taşeronla yaptırdığı taraf biziz. Kendimizi bağlı tuttuğumuz ustalık ve performans sözü veriyoruz — 'gelmiş geçmiş en iyi web sitesi' değil, kazanmadığımız bir ödül de değil.

Ne kadar sürer ve fiyatlandırma nasıl?

Kapsamı anladıktan sonra projeye özel — bu tür bir iş için liste fiyatı yoktur. Aşamalı teslimi öneriyoruz: önce hızlı bir sinematik hero gönderin, sonra bunu haklı kılacak gerçek bir ilgi oluştuğunda, yeniden kurmadan çok sahneli ya da konfigüratör sınıfı bir işe büyütün. Odaklı bir hero görseli build'i birkaç hafta; gelişmiş, çok sahneli ya da etkileşimli bir lansman daha uzun sürer. Sitenin ne yapması gerektiğini bize anlatın, kapsamı dürüstçe çıkaralım. Teklif isteyin — özel bir build'e sabit bir rakam koymuyoruz.

Koda biz mi sahip oluyoruz, yoksa size mi bağımlı kalıyoruz?

Siz sahip oluyorsunuz. Açık, standart araçlarla — GSAP, Motion, Lenis, Three.js, React-Three-Fiber — kendi deponuzda elle kuruyoruz; arada tescilli bir araç çalışma zamanı olmadan. Koltuk başına ücret yok, terk edemeyeceğiniz bir platform yok ve kendi mühendisleriniz sonucu çalıştırıp geliştirebilir. Gizlilik işin bir parçası: sizin adınızı da kendi web sitemize koymuyoruz.