# Koji Studio, Spline ile 3D bir ürün vitrinini nasıl hayata geçirdi - Spline customers (https://spline.design/tr/customers/koji-studio) > Koji Studio, statik ürün görsellerini kaydırmayla ilerleyen bir 3D ürün vitrinine dönüştürmek için Spline’ı kullandı ve müşterisinin yenilikçiliğini ve ustalığını öne çıkaran, daha ilgi çekici ve akılda kalıcı bir deneyim sundu. [Müşteriler](https://spline.design/tr/customers) 21 Ağustos 2025 · Müşteri hikâyesi · KOJI # Koji Studio, Spline ile 3D bir ürün vitrinini nasıl hayata geçirdi Koji Studio, statik ürün görsellerini kaydırmayla ilerleyen bir 3D ürün vitrinine dönüştürmek için Spline’ı kullandı ve müşterisinin yenilikçiliğini ve ustalığını öne çıkaran, daha ilgi çekici ve akılda kalıcı bir deneyim sundu. Bir medikal teknoloji şirketi olan Ori, yeni 3D diş tarayıcısı ürünü için bir web sitesi yayınlamaya giriştiğinde zorluk netti: fiziksel bir cihazın hassasiyetini ve yenilikçiliğini, internette de aynı ölçüde yenilikçi hissettiren bir şekilde nasıl anlatırsın? Şirket yeni Ori Intraoral Scanner cihazını piyasaya sürmek istiyordu: diş hekimlerinin hastaların dişlerinin son derece doğru, gerçek zamanlı dijital modellerini almasına yardımcı olmak için tasarlanmış bir 3D diş tarama cihazı. Bu ürünün teknik üstünlüğünü müşterilerine göstermek için statik görsellerin ve videoların ötesine geçmek isteyen şirket, ürün lansmanının yaratıcı ekibi olarak KOJI Agency’ye başvurdu. KOJI ekibi de tarama cihazını web’de bir diş hekiminin elindeki kadar somut hissettiren etkileşimli bir 3D dijital deneyim oluşturmak için Spline’ın Webflow entegrasyonundan yararlanmaya karar verdi. Ori Scan’in kaydırmayla ilerleyen etkileşimli 3D web sitesi ## Yeni araçları benimseyen full-stack bir tasarım ekibi Ori Scan’in web varlığının arkasındaki KOJI Agency ekibinde, her biri pek çok müşteri projesine imza atmış deneyimli tasarımcılar olan Pavel, Slava, Nikita ve Liza vardı. Markalama, kimlik ve dijital deneyimlerde 20 yılı aşkın birikimleriyle modüler reklam sistemlerinden sürükleyici anlatı sitelerine kadar her şeyi inşa ettiler. Güçlü yanları “full-stack tasarımcı” olmaları: ürün düşüncesini, görsel tasarımı, etkileşimi ve kodu harmanlıyorlar. > Sürekli araştırıyor, sürekli yeni araçlar bulmaya çalışıyoruz. Spline’a da böyle ulaştık. **Slava Sheykin**, Full-Stack Tasarımcı, KOJI ## Etkileşimin kilidini açmak için Spline’dan yararlanmak Ori Scan’in yönetimi sıradan bir medikal ürün web sitesi daha istemiyordu. Diş hekimleri ve sağlık profesyonellerinden oluşan kitlelerinin gözünde öne çıkacak bir deneyim istiyorlardı. KOJI ekibi tarama cihazının yenilikçiliğini öne çıkarmak için en iyi mecranın etkileşimli 3D olduğunu düşündü; Spline’ı seçmeleri de aynı ölçüde bilinçliydi. Web sitesi ziyaretçileri sayfada ilerlerken tarama cihazını döndürüp keşfediyor Ekip; hızla yineleme yapmak, performansı optimize etmek ve tarama cihazının ürün tasarımlarını tüm cihazlarda etkileşimli olarak sunmak için esnekliğe ihtiyaç duyduklarını biliyordu. > Spline tasarım topluluğunda her yerdeydi. Bu proje nihayet onu kullanmak için mükemmel bir fırsattı ve Webflow ile kusursuz entegrasyonu kararı daha da kolaylaştırdı. **Pavel Dergachev**, Kurucu ve Kreatif Direktör, KOJI ## Tasarım süreci: CAD ve poligon optimizasyonundan cilalı bir web deneyimine Süreç, ajansın Spline’a aktarmadan önce iyileştirip optimize ettiği Ori Scan’in teknik CAD dosyalarıyla başladı. İş akışı yinelemeliydi: görsel açıdan çekici bir sonuç ile web’de akıcı performans arasında denge sağlamak için poligon sayısını, malzemeleri ve ışıklandırmayı dengelemek. Spline, sürecin teknik ve yaratıcı yanlarını bir araya getirdi. Performans araçları ekibe model optimizasyonu konusunda net bilgiler vererek tüm cihazlarda akıcı bir entegrasyon sağladı. Olay sistemi etkileşimli hareketi kurmayı kolaylaştırırken çok yönlü malzeme ve ışıklandırma araçları ürünün görünümünü web’de cilalı ve gerçekçi hissettirecek şekilde iyileştirmeye yardımcı oldu. 3D modeller ve son mobil uygulama Öne çıkan ayrıntılardan biri mi? Dişlerin 3D modeli. Tarayıcıyı iş başında göstermek için ekip Spline’da doğal görünümlü dişler modelledi; bu da demoyu gerçekçi hissettiren vazgeçilmez bir dokunuş oldu. Ayrıntılara gösterilen bu özen, demoyu teknik bir vitrinin ötesine taşıdı. Gerçekçiliği etkileşimle birleştiren ekip, gerçekçi, ilgi çekici ve diş hekimlerinin tarama cihazını gerçekte nasıl kullanacağıyla doğrudan bağlantılı hissettiren bir ürün hikâyesi yarattı. > Eğlenceliydi ama aynı zamanda kritikti. Tarayıcının amacı dişleri taramak olduğu için 3D modelin doğal görünmesi ve hissettirmesi gerekiyordu. **Liza Grin**, Dijital Prodüktör, KOJI Yukarıdan aşağıya: son uygulama, orijinal 3D modeller ve ilk taslak ## Webflow ile entegrasyon KOJI ekibi Ori Scan ürününe hayat vermek için Spline’a, 3D varlıkları web sitesine kusursuzca yerleştirmek için de Spline’ın yerel Webflow entegrasyonuna güvendi. Bu sayede kaydırmaya bağlı animasyonları etkileşimli 3D ile eşleştirmek mümkün oldu; ziyaretçiler sayfada ilerlerken tarama cihazını döndürüp keşfedebildi. > Çok basit ve hızlı. Öğrenmesi kolay; junior tasarımcılar bile işin içine girip 3D’yi Webflow’a entegre edebiliyor. Spline’ın yerel Webflow entegrasyonu ## Etkileşim neden önemli Ori Scan için etkileşimli bir 3D ürün vitrini yalnızca estetikle ilgili değildi. Mesele netlik ve etkiydi. Müşterilerin ürün boyunca kaydırmasına, onu döndürmesine ve özelliklerini bağlamı içinde keşfetmesine izin vererek statik fotoğrafçılığın ya da videonun ulaşabileceğinin çok ötesine geçen bir deneyim yarattılar. > Etkileşim her şeyi değiştiriyor. Ürünü gerçek hissettiriyor. Daha da önemlisi, müşterinin hikâyesini yenilikçi hissettiren bir şekilde anlatmasına yardımcı oluyor. ## Spline’a başla KOJI ekibi Spline ile denemeler yapmaya devam ediyor. Onlar için bu proje, 3D ve etkileşimli tasarımın “olsa iyi olur” değil, ürün hikâyeleri anlatmada vazgeçilmez olduğu yeni bir dönemin başlangıcıydı. Etkileşimin dijital ürün tasarımını gerçek hissettiren bir deneyime nasıl dönüştürebileceğinin görsel açıdan çarpıcı bir örneği. [Satış ekibiyle görüş](https://spline.design/tr/enterprise) ## Daha fazla müşteri hikâyesi [13 Nisan 2026 · Müşteri hikâyesiLynksen, karmaşık bir B2B platformunun web sitesine Spline ile nasıl hayat verdi](https://spline.design/tr/customers/lynksen)[2 Mart 2026 · Müşteri hikâyesiOnyx Coffee Lab, e-ticaret için etkileşimli 3D’yi nasıl tasarlıyor](https://spline.design/tr/customers/onyx-coffee-lab)[24 Şubat 2026 · Müşteri hikâyesiHermetica, fintech markasını 3D tasarımla nasıl bir üst seviyeye taşıdı](https://spline.design/tr/customers/hermetica) [Spline](https://spline.design/tr) Ekipler ve ajanları için 3D ve 2D editör. Web’de, iOS’ta ve Android’de yayınla. #### Spline’ı yapay zekaya sor #### Ürünler - [3D Tasarım](https://spline.design/tr/3d-design) - [Hana](https://spline.design/tr/hana) - [Omma](https://omma.build) - [Yapay Zekayla 3D Üretim](https://spline.design/tr/ai-generate) - [Spline MCP](https://spline.design/tr/mcp) - [Spline Arena](https://spline.design/tr/arena) - [Fiyatlandırma](https://spline.design/tr/pricing) - [Kurumsal](https://spline.design/tr/enterprise) #### Runtime’lar - [Web](https://spline.design/tr/web) - [iOS](https://spline.design/tr/ios) - [Android](https://spline.design/tr/android) #### Uygulamalar - [İndir](https://spline.design/tr/download) - [Spline Mirror](https://spline.design/spline-mirror) - [Spline Mirror’ı indir](https://spline.design/download-mirror) #### Öğren - [Docs](https://docs.spline.design/) - [Academy](https://spline.design/tr/academy) - [Spline API](https://www.npmjs.com/package/@splinetool/runtime) - [Çözümler](https://spline.design/solutions) #### Topluluk - [Spline Topluluğu](https://community.spline.design) - [Blog](https://spline.design/tr/blog) - [Sürüm Notları](https://spline.design/tr/changelog) - [Eğitim](https://spline.design/tr/education) - [Contra](https://spline.design/contra) - [Ortaklık](https://spline.design/tr/affiliate) #### Şirket - [Müşteriler](https://spline.design/tr/customers) - [Kariyer](https://www.ycombinator.com/companies/spline/jobs) - [Güvenlik](https://spline.design/tr/security) #### Yasal - [Şartlar ve Koşullar](https://spline.design/terms) - [Gizlilik](https://spline.design/privacy) #### İletişim - [help@spline.design](mailto:help@spline.design) - [jobs@spline.design](mailto:jobs@spline.design) © 2026 - Spline, Inc.