BASE 3D-AR Studio ile 3D ve AR Ürün Sayfası Nasıl Oluşturulur?

3D ve AR ürün sayfası oluşturmak için ürününüzü BASE 3D-AR Studio'ya 3D model olarak eklemeniz yeterli: bir .GLB dosyası yükleyin ya da yapay zekâ ile model oluşturun; Studio da modelinize özel, canlı bir 3D-AR sayfası hazırlar. Malzemeleri, sahneyi ve sayfa tasarımını düzenler, Save'e basar ve sayfayı bağlantı, QR kod ya da gömme kodu olarak paylaşırsınız. Sayfa iPhone, iPad ve Android telefonlarda uygulama gerektirmeden AR'da açılır.

3D ve AR ürün sayfası nedir?

3D ve AR ürün sayfası, müşterilerin bir ürünü etkileşimli bir 3D model olarak döndürüp yakınlaştırarak inceleyebildiği, telefonda ise artırılmış gerçeklikle kendi mekânlarındaki gerçek bir yüzeye gerçek ölçüsüyle yerleştirebildiği bir web sayfasıdır.

BASE BROS'un geliştirdiği Studio'da her modelin tek bir sayfası vardır ve modeli düzenlediğinizde aynı sayfa güncellenir. Sayfalar tarayıcıda, BASE 3D Viewer üzerinde çalışır. Otomatik WebGL2 yedeği (fallback) sunan bu WebGPU tabanlı görüntüleyicide yerleşik bir Augmented Reality düğmesi bulunur.

Başlamadan önce neye ihtiyacınız var?

• Bir Studio hesabı. studio.basebros.com adresindeki Free plan için kart bilgisi gerekmez.
• Bir model kaynağı. 50 MB'a kadar bir .GLB dosyası, ürün fotoğrafları (her biri 20 MB'a kadar PNG, JPG, WebP, AVIF ya da HEIC) veya 10 ile 500 karakter arasında bir metin açıklaması. FBX, OBJ ve STL desteklenmez; bu dosyaları önce GLB'ye dönüştürün.
• İsteğe bağlı: 5 MB'a kadar PNG, JPG ya da WebP formatında bir logo.

Bir GLB dosyasını yüklemeden önce kontrol etmek isterseniz Quick View ile açın: dosya sunucuya yüklenmeden Studio'nun görüntüleyicisinde gösterilir.

3D ve AR ürün sayfası adım adım nasıl oluşturulur?

Süreç dört adımdan oluşur ve tamamı tarayıcıda ilerler:

1. Model: bir .GLB yükleyin ya da yapay zekâ ile model oluşturun.
2. Düzenleme: Model Editor'de malzemeleri, ışığı, kamerayı ve ölçeği ayarlayın.
3. Yayınlama: sayfayı Page Designer'da tasarlayın ve Save'e basın.
4. Paylaşım ve AR: bağlantıyı, QR kodu ya da gömme kodunu paylaşın; ziyaretçiler AR'ı doğrudan sayfadan açar.

1. Adım: Ürününüzü 3D model olarak ekleyin

Elinizde bir 3D dosyası varsa onu yükleyin. Görüntüleyicinin üst çubuğundaki Upload Model'e tıklayın ya da bir .glb dosyasını Model Editor'e sürükleyip bırakın. Tek bir dosya Preview modunda açılır; böylece Confirm & Upload'a tıklamadan önce dosyayı kontrol edebilirsiniz. Yeni model, sayfasıyla birlikte hemen yayına girer. Dosyayı yüklemeden önce hafifletmek isterseniz 3D modelleri web ve AR için hazırlama rehberimize göz atın.

Elinizde yalnızca fotoğraflar ya da bir fikir varsa Studio'nun açılış ekranı olan 3D Generator'ı kullanın. Image to 3D (varsayılan) ya da Text to 3D modunu seçin, ardından altı yapay zekâ motorundan birini belirleyin: Meshy (varsayılan), Tripo, Rodin, Hunyuan, TRELLIS veya Pixal3D. TRELLIS ve Pixal3D yalnızca görselle çalışır. Çok açılı (multi-view) üretimde Meshy, Tripo ve Hunyuan Pro en fazla 4, Rodin ise en fazla 5 görsel kabul eder; görseller ön, arka, sol, sağ sırasıyla eklenir.

Studio, yapay zekâ ile oluşturulan modelleri web için otomatik olarak hazırlar: Balanced seviyesinde üçgen azaltma, 2K WebP dokular ve Draco sıkıştırma. Yüklenen ya da yapay zekâ ile oluşturulan her yeni model, plan kotanızdan yalnızca bir kez düşülür.

2. Adım: Malzemeleri ve sahneyi gerçek zamanlı düzenleyin

Model Editor'ün sağ panelinde üç sekme bulunur:

• Scene: yedi yerleşik ön ayar (Default, Factory, Studio, Spotlight, Showroom, Cinematic, Outdoor), 20 HDRI ortamı, arka planlar, pozlama, ışıklar ve yumuşak gölgeler.
• Controls: otomatik döndürme, yakınlaştırma ve kaydırma için aç/kapat seçenekleri ile yakınlaştırma ve uzaklaştırma sınırları; ziyaretçilerin ilk gördüğü açıyı belirleyen kayıtlı Start View ve modelin AR'daki gerçek boyutunu santimetre cinsinden belirleyen Model Scale.
• Material: damlalıkla bir parça seçip Base Color, Roughness, Metalness, Normal, Emissive ve Occlusion değerlerini (her biri isteğe bağlı bir doku haritasıyla) ve Alpha ayarlarını (opaklık, karışım modu ve çift taraflı görünüm) düzenleyebilirsiniz; her birinin kendi sıfırlama seçeneği vardır.

Malzeme düzenlemeleri orijinal dosyaya dokunmayan ayrı bir katmanda tutulur, yani asıl GLB hiçbir zaman değişmez. Beş görünüm modu (UV Checker, Solid, Render, Wireframe, Normals) doku ve geometri (mesh) sorunlarını ortaya çıkarır. Büyük boyutlu dosyalarda, modelin More Details açılır penceresindeki Optimize sekmesi üçgen sayısını yaklaşık %25, %50 ya da %75 oranında azaltır ve doku ile Draco seçenekleri de sunar. Unsaved changes kartındaki Save'e basana kadar hiçbir değişiklik yayına çıkmaz.

3. Adım: Canlı 3D-AR sayfasını tasarlayın ve yayınlayın

Page Designer, sayfayı dizüstü bilgisayar ve telefon çerçevelerinde yan yana önizlemenizi sağlar. AR Button sekmesinde düğme metnini (en fazla 40 karakter), konumunu, yazı tipini, renklerini, köşe yuvarlaklığını ve opaklığını, ayrıca masaüstündeki ziyaretçilerin gördüğü QR açılır penceresini ayarlarsınız. Toolbars sekmesinde ise logonuz ile Photo, Light/Dark, Fullscreen ve isteğe bağlı Performance düğmeleri yer alır.

Tek bir onay kutusuyla masaüstü ve mobil görünümü ayrı ayrı ya da birebir aynı şekilde biçimlendirebilirsiniz. Dilerseniz sekiz hazır Page Themes seçeneğinden birini (Minimal, Neon, Elegant, Retro, Glass, Brutal, Azure, Cherry) de uygulayabilirsiniz. iPhone için kendi .usdz dosyanızı yükleyebilirsiniz; yüklemezseniz Studio, USDZ dosyasını GLB'nizden oluşturur.

Yayınlamak için Save'e basmanız yeterli: ayrı bir yayınlama adımı yoktur. Bir sayfayı silmeden bir süreliğine yayından kaldırmak isterseniz modelin More Details açılır penceresindeki Set Offline seçeneğini kullanın. Siz Set Live'ı seçene kadar ziyaretçiler bir bakım ekranı görür ve hiçbir şey silinmez.

4. Adım: Sayfayı paylaşın ve AR'da açın

Share Page düğmesi, Share & Embed açılır penceresini açar. Bu pencerede QR kod (Download PNG), herkese açık bağlantı, yapıştırmaya hazır gömme kodu ve Open live page seçeneği yer alır. Gömme kodu, kendi sitenize yapıştırdığınız standart bir iframe'dir; iframe içinde AR'ın çalışması için HTTPS gerekir.

Telefonda ziyaretçi, varsayılan metni View in AR olan AR düğmesine dokunur. iPhone ve iPad, USDZ dosyasıyla Apple AR Quick Look'u açar; Android ise AR'ı en güncel malzemelerinizle Chrome'da WebXR ile açar. Her ikisi de yüzey takibiyle ürünü gerçek bir yüzeye, Model Scale ile belirlenen gerçek ölçüsüyle yerleştirir. Masaüstünde ise düğme, ziyaretçinin deneyime telefonda devam edebilmesi için QR açılır penceresini gösterir. E-ticarette WebAR hakkında daha fazlası için What is WebAR and How It Transforms E-Commerce yazımızı (İngilizce) okuyabilirsiniz.

Hangi paylaşım seçeneğini kullanmalısınız?

Dört seçenek de aynı canlı sayfaya yönlendirir; bu yüzden hepsini bir arada kullanabilirsiniz.

Sayfanın performansını nasıl ölçersiniz?

Analytics, tüm sayfalar ya da tek bir sayfa için All Time, 30 gün, 7 gün, 24 saat ya da özel bir tarih aralığında rapor sunar. Quick Stats bölümü, aralarında Total Views, Unique Sessions, QR Scans, AR Activations, 3D Interactions, Avg View Duration ve Bounce Rate'in de bulunduğu 12 metriği gösterir. Dönüşüm hunisi ise ziyaretçileri sayfa görüntülemeden 3D etkileşime, QR açılır penceresine ve AR'a kadar takip eder; raporu Export PDF ile kaydedebilirsiniz. Ayrıntılar için Analytics dokümantasyonuna göz atın.

Giriş yapmadan kullanabileceğiniz ücretsiz araçlar hangileri?

BASE BROS, hesap gerektirmeyen ve dosyanızı hiçbir zaman sunucuya yüklemeyen iki ücretsiz araç sunar:

• Quick View, 50 MB'a kadar bir .GLB dosyasını Studio'nun görüntüleyicisinde anında açar ve inceleme için Material panelini sunar.
• Model Optimizer, 150 MB'a kadar bir .GLB dosyasını (genişliği 1024 piksele kadar olan ekranlarda 50 MB) gerçek üçgen sayılarıyla dört detay seviyesinde gösterir, dokuları 1K ya da 2K çözünürlükte WebP veya PNG'ye dönüştürür, Draco sıkıştırma ekler ve daha hafif dosyayı indirmenizi sağlar.

BASE 3D-AR Studio'nun fiyatı nedir?

Fiyatlandırma model başınadır; yapay zekâ ile oluşturulan bir modelin ücreti, yüklenen bir .GLB ile aynıdır:

• Free: 0 dolar, kart bilgisi gerekmez. En fazla 3 canlı model ve ayda 3 yeni model içerir; sayfalarda ve gömülü görünümlerde Powered by BASE filigranı yer alır. Düzenleme, AR, yayınlama ve indirme dâhildir.
• Pro: model başına aylık 0,50 dolar (lansman fiyatı), 40 model için ayda en az 20 dolar. 40 ile 2.000 model arasında bir kapasite seçersiniz; ücret her ay peşin faturalandırılır ve filigran yer almaz.
• Enterprise: size özel fiyatlandırma ve kapasite, BASE BROS ekibinin geliştirdiği özel 3D projeler ve birebir destek.

İhtiyacınız olan model sayısına göre aylık fiyatı fiyatlandırma sayfasında görebilirsiniz.

Sonuç

Studio ile 3D ve AR ürün sayfası dört adımda hazır: bir model ekleyin, üzerinde ince ayar yapın, Save'e basın ve bağlantıyı, QR kodu ya da gömme kodunu paylaşın. Ücretsiz başlayın, sektörlere göre kullanım alanlarını ve marka projelerimizden oluşan Showcase sayfasını inceleyin ya da özel 3D projeler veya Enterprise kapasitesi için BASE BROS ekibiyle iletişime geçin. BASE BROS çözümlerini karşılaştırmak için BASE BROS Hizmetleri rehberimizi okuyabilirsiniz.

Ücretsiz Başlayın