Klasik kurumsal site
Kuruma özel tasarlanır ama statiktir: sayfalar alt alta akar, içerik okunur. Görevi bilgi vermektir; deneyim ve marka anlatımı ikinci plandadır.
REHBER · GÜNCELLEME: 18 TEMMUZ 2026
3D scroll motion web sitesi nedir? Kaydırdıkça yaşayan siteler rehberi
3D scroll motion web sitesi, kullanıcı sayfayı kaydırdıkça üç boyutlu sahnelerin, kamera hareketlerinin ve animasyonların akışkan biçimde ilerlediği web sitesi türüdür. Sayfa bir belge gibi okunmaz, bir sahne gibi yönetilir: her kaydırış hikâyeyi bir adım ilerletir. Three.js, WebGL ve WebGPU teknolojileriyle üretilir. Bu rehber tanımı, farkları, kaynaklı rakamları ve kullanım alanlarını açıklar.
3D scroll motion web sitesi nedir?
3D scroll motion web sitesi, kaydırma hareketini bir kumandaya çeviren sitedir: kullanıcı aşağı indikçe kamera bir sahnenin içinde ilerler, ürün döner ve katmanlarına ayrılır, bina kat kat yükselir, metinler doğru anda sahneye girer. Klasik bir sitede içerik alt alta dizilir ve okunur; 3D scroll motion sitesinde içerik sahnelere bölünür ve deneyimlenir. Teknik zemin, tarayıcıda gerçek zamanlı 3D render yapan Three.js, WebGL ve yeni nesil WebGPU ile kaydırmayı animasyona bağlayan scroll-driven tekniklerdir. UNALSOFT bu siteleri 3D Scroll Motion Web Siteleri hizmeti kapsamında WebGPU öncelikli üretir; unalsoft.com ana sayfası da bu yaklaşımın canlı bir örneğidir.
Klasik kurumsal site, hazır tema ve 3D scroll motion
Üç yaklaşım sık karıştırılır. Ayrım basittir: klasik kurumsal site bilgiyi listeler, hazır tema bir şablonu doldurur, 3D scroll motion markayı sahneler.
Hazır tema / şablon site
Binlerce sitede kullanılan bir şablon, içeriğinizle doldurulur. Hızlı ve ucuzdur; karşılığında marka ayrışması düşer ve eklenti yüküyle site ağırlaşabilir.
3D scroll motion
Markaya özel tasarlanan 3D sahneler kaydırmaya bağlanır: kullanıcı hikâyeyi kendisi yönetir. Özgün üretimdir; performans bütçesiyle kurulur.
| Özellik | Klasik kurumsal site | Hazır tema / şablon | 3D scroll motion |
|---|---|---|---|
| Tasarım kaynağı | Kuruma özel | Hazır şablon, birçok sitede aynı | Markaya özel sahne tasarımı |
| Kaydırma deneyimi | Sayfa aşağı akar | Sayfa aşağı akar | Kaydırma hikâyeyi yönetir |
| 3D sahne ve kamera hareketi | Yok | Yok, hazır efektlerle sınırlı | Var, gerçek zamanlı render |
| Marka ayrışması | Orta | Düşük, şablon tanınır | Yüksek, sahneler siteye özgüdür |
| Performans mühendisliği | Projeye göre değişir | Eklenti yüküyle ağırlaşabilir | Performans bütçesiyle kurulur |
Hız ve deneyim, dönüşümü nasıl etkiliyor?
3D deneyim ancak hızla birlikte değer üretir; bu yüzden performans bütçesi işin çekirdeğidir. Aşağıdaki verilerin tamamı kaynaklıdır:
3 kat
1 saniyede yüklenen bir sitenin dönüşüm oranı, 5 saniyede yüklenen siteye göre 3 kat yüksek ölçüldü. Kaynak: Portent.
%8,4
Mobil site hızındaki 0,1 saniyelik iyileşme, perakende dönüşümlerini %8,4 artırdı (37 marka, 30 milyon oturum). Kaynak: Deloitte, Milliseconds Make Millions.
%32
Mobil sayfa yükleme süresi 1 saniyeden 3 saniyeye çıktığında, kullanıcının sayfayı terk etme olasılığı %32 artıyor. Kaynak: Google.
%90
Aynı araştırmada, yükleme süresi 1 saniyeden 5 saniyeye çıktığında terk etme olasılığındaki artış %90'a ulaşıyor. 3D sitenin hızlı kurulmasının nedeni budur. Kaynak: Google.
Bir 3D scroll motion sitesi nasıl çalışır?
Perde arkasında birkaç sistem aynı anda çalışır; kullanıcı yalnızca akışkan bir hikâye görür:
Kaydırma kumandası
Kaydırma miktarı bir ilerleme değerine çevrilir; kamera, ışık ve animasyonlar bu değere bağlanır. Kullanıcı durunca sahne durur.
Gerçek zamanlı render
Sahne her karede tarayıcının grafik işlemcisinde çizilir: WebGPU öncelikli, desteklemeyen cihazlarda WebGL. Eklenti ve kurulum gerekmez.
Sahne sahne anlatım
Hikâye beat'lere bölünür: her sahnenin bir mesajı vardır, metin doğru anda girer ve çıkar. Senaryo tasarımdan önce yazılır.
Performans bütçesi
Varlıklar tembel yüklenir, scriptler async/defer çalışır, kare süresi bütçelenir. Amaç net: 3D sahne, Core Web Vitals değerlerini bozmadan çalışmalı.
Kademeli düşüş
Zayıf cihazlarda ve reduced-motion tercihinde sahne sadeleşir veya statik alternatife geçer; içerik her koşulda erişilebilir kalır.
SEO altyapısı
İçerik, arama motorlarının okuyabildiği gerçek HTML olarak durur; 3D sahne bunun üzerine kurulur. Görsellik ve bulunabilirlik birbirinin alternatifi değildir.
3D scroll motion nerelerde kullanılır?
Kural şu: anlatılacak görsel bir hikâyesi olan her marka adaydır. Sık kurulan örnekler:
Lansman siteleri
Yeni ürün veya marka için finale doğru kurgulanmış tek sayfalık dijital gösteri.
Gayrimenkul projeleri
Arsadan anahtara: proje kaydırdıkça kat kat yükselir, daireler ve manzara sahne sahne gezilir.
Ürün konfigüratörleri
Renk, materyal ve parça seçimi 3D sahnede yapılır; müşteri ürünü kendisi kurar, öyle karar verir.
3D ürün hikâyeleri
Ürün döner, açılır, katmanlarına ayrılır; her özellik kendi sahnesinde anlatılır.
Marka vitrin siteleri
Ajans, stüdyo ve premium markalar için işçiliğin kendisini kanıta çeviren deneyim siteleri.
Fuar ve kiosk deneyimleri
Standda dokunmatik ekranda çalışan interaktif 3D sunumlar; site fuardan sonra da yaşamaya devam eder.
Bu işi UNALSOFT nasıl yapar?
3D site yapan çoktur; farkı yaratan, performansın ve işçiliğin açıkça ölçülmesidir.
Canlı demo ortadadır
unalsoft.com ana sayfasının kendisi bu işçiliğin canlı demosudur: vitrin projesi yerine gerçek, gezilebilir kanıt.
Performans yayınlanır
Ana sayfa LCP ~0,7 sn, CLS ~0,0006 ölçülmüştür; erişilebilirlik, en iyi uygulamalar ve SEO skorları 100. Gerçek zamanlı 3D sahneye rağmen.
WebGPU öncelikli motor
Sahne WebGPU öncelikli kurulur, desteklemeyen cihazlarda kademeli düşürülür; mobil dahil her cihazda akıcılık hedeflenir.
Sık sorulan sorular
3D scroll motion web sitesi nedir?
Kullanıcı sayfayı kaydırdıkça üç boyutlu sahnelerin, kamera hareketlerinin ve animasyonların akışkan biçimde ilerlediği web sitesi türüdür. Sayfa bir belge gibi okunmaz, bir sahne gibi yönetilir; Three.js, WebGL ve WebGPU teknolojileriyle üretilir.
3D scroll motion sitesi ile hazır tema site arasındaki fark nedir?
Hazır tema, binlerce sitede kullanılan bir şablonun içeriğinizle doldurulmasıdır; 3D scroll motion sitesi ise markaya özel tasarlanan sahnelerin gerçek zamanlı render ile kaydırmaya bağlandığı özgün bir üretimdir. Birincisinde site okunur, ikincisinde deneyimlenir.
3D scroll motion SEO'yu ve hızı bozar mı?
Doğru kurulursa hayır. Performans bütçesi, tembel yükleme, async/defer scriptler ve cihaz kabiliyetine göre kademeli düşüş bu işin standardıdır. Canlı örnek: unalsoft.com ana sayfası 3D scroll motion ile çalışır ve LCP ~0,7 sn, CLS ~0,0006 ölçülmüştür.
3D scroll motion sitesi hangi teknolojilerle üretilir?
Çekirdek teknolojiler Three.js, WebGL ve yeni nesil WebGPU'dur; kaydırma senkronu için scroll-driven animasyon teknikleri kullanılır. UNALSOFT bu siteleri WebGPU öncelikli üretir, WebGPU desteklemeyen cihazlarda WebGL'e düşer.
3D scroll motion sitesi hangi işletmeler için mantıklı?
Ürününü veya projesini görsel olarak anlatmak isteyen markalar için: lansmanlar, gayrimenkul projeleri, ürün konfigüratörleri, marka vitrin siteleri ve fuar deneyimleri. Amaç bilgiyi listelemek değil, markayı hatırlanır bir hikâyeyle anlatmaksa bu format adaydır.
3D scroll motion web sitesi maliyeti nedir?
Sahne sayısı, 3D varlık üretimi ve etkileşim derinliği projeden projeye değiştiği için tek bir rakam vermek yanıltıcı olur; kapsam ve bütçe keşif görüşmesinde netleşir. Görüşmede sahne sahne bir yol haritası birlikte çıkarılır.
Tanım tamam. Sıra sahnede.
Markanızın hikâyesini sahne sahne birlikte kuralım; canlı örnekleri görüşmede gezdirelim.