· Kisah pelanggan · KOJI

Bagaimana Koji Studio menggunakan Spline untuk menghasilkan pameran produk 3D

Koji Studio menggunakan Spline untuk mengubah visual produk statik menjadi pameran produk 3D berasaskan tatal, menghasilkan pengalaman yang lebih menarik dan diingati yang menonjolkan inovasi dan ketukangan klien mereka.

Apabila Ori, sebuah syarikat teknologi perubatan, berhasrat melancarkan laman web untuk produk pengimbas pergigian 3D baharunya, cabarannya jelas: bagaimana anda menyampaikan ketepatan dan inovasi sesuatu peranti fizikal dengan cara yang terasa sama inovatif dalam talian?

Syarikat itu ingin membawa peranti baharu mereka, Ori Intraoral Scanner, ke pasaran. Ia ialah peranti pengimbasan pergigian 3D yang direka untuk membantu doktor gigi merakam model digital gigi pesakit yang sangat tepat dalam masa nyata.

Ingin melangkaui imej dan video statik untuk menunjukkan kemajuan teknikal produk ini kepada pelanggan mereka, mereka mendapatkan KOJI Agency sebagai pasukan kreatif untuk pelancaran produk itu.

Pasukan KOJI kemudian memutuskan untuk memanfaatkan integrasi Spline dalam Webflow bagi menghasilkan pengalaman digital 3D interaktif yang menjadikan pengimbas itu terasa sama nyata di web seperti di tangan doktor gigi.

Laman web 3D interaktif berasaskan tatal Ori Scan

Pasukan reka bentuk full-stack yang menerima alat baharu

Pasukan KOJI Agency di sebalik kehadiran web Ori Scan termasuk Pavel, Slava, Nikita dan Liza, yang masing-masing merupakan pereka berpengalaman dengan banyak projek klien.

Dengan lebih 20 tahun dalam penjenamaan, identiti dan pengalaman digital, mereka telah membina segala-galanya daripada sistem pengiklanan modular hingga laman naratif yang mengasyikkan.

Kekuatan mereka terletak pada peranan sebagai "pereka full-stack" — menggabungkan pemikiran produk, reka bentuk visual, interaksi dan kod.

Kami sentiasa membuat kajian, sentiasa cuba mencari alat baharu. Begitulah kami menemui Spline.

Slava Sheykin, Pereka Full-Stack di KOJI

Memanfaatkan Spline untuk membuka interaktiviti

Pimpinan Ori Scan bukan sekadar mahukan satu lagi laman web produk perubatan. Mereka mahukan pengalaman yang menonjol di mata khalayak mereka, iaitu doktor gigi dan profesional penjagaan kesihatan.

Pasukan KOJI melihat 3D interaktif sebagai medium terbaik untuk menonjolkan inovasi pengimbas itu, dan pilihan Spline juga dibuat dengan penuh sengaja.

Pengunjung laman web memutar dan meneroka pengimbas semasa mereka bergerak menerusi halaman

Pasukan itu tahu mereka memerlukan fleksibiliti untuk mengulang dengan pantas, mengoptimumkan prestasi dan mempersembahkan reka bentuk produk pengimbas secara interaktif merentasi peranti.

Spline ada di mana-mana dalam komuniti reka bentuk. Projek ini ialah peluang sempurna untuk akhirnya menggunakannya, dan integrasi yang lancar dengan Webflow menjadikan keputusan itu lebih mudah.

Pavel Dergachev, Pengasas & Pengarah Kreatif di KOJI

Proses reka bentuk: Daripada CAD dan pengoptimuman poligon kepada pengalaman web yang kemas

Proses bermula dengan fail CAD teknikal Ori Scan, yang diperhalus dan dioptimumkan oleh agensi itu sebelum dibawa masuk ke Spline.

Aliran kerjanya berulang — mengimbangi bilangan poligon, bahan dan pencahayaan untuk memastikan keseimbangan antara hasil yang menarik secara visual dan prestasi yang lancar di web.

Spline menyatukan sisi teknikal dan kreatif proses itu. Alat prestasinya memberi pasukan gambaran yang jelas tentang pengoptimuman model, memastikan integrasi yang lancar merentasi peranti. Sistem peristiwa memudahkan penyediaan gerakan interaktif, manakala alat bahan dan pencahayaan yang serba boleh membantu memperhalus rupa produk supaya ia terasa kemas dan realistik di web.

Model 3D dan pelaksanaan akhir untuk mudah alih

Salah satu perincian yang menonjol? Model 3D gigi. Untuk menunjukkan pengimbas itu beraksi, pasukan memodelkan gigi yang kelihatan semula jadi dalam Spline, sentuhan penting yang menjadikan demo itu terasa autentik.

Perhatian terhadap perincian ini meningkatkan demo itu melangkaui sekadar pameran teknikal. Dengan menggabungkan realisme dan interaktiviti, pasukan mencipta cerita produk yang terasa autentik, menarik dan berkait terus dengan cara doktor gigi sebenarnya menggunakan pengimbas itu.

Ia menyeronokkan tetapi juga kritikal. Oleh sebab tujuan pengimbas itu adalah untuk mengimbas gigi, model 3D itu perlu kelihatan dan terasa semula jadi.

Liza Grin, Penerbit Digital di KOJI
Dari atas ke bawah: Pelaksanaan akhir, model 3D asal dan draf awal

Integrasi dengan Webflow

Pasukan KOJI bergantung pada Spline untuk menghidupkan produk Ori Scan dan pada integrasi Webflow natif Spline untuk melaksanakan aset 3D ke dalam laman web dengan lancar.

Ini membolehkan animasi berasaskan tatal digandingkan dengan 3D interaktif, membolehkan pengunjung memutar dan meneroka pengimbas semasa mereka bergerak menerusi halaman.

Ia sangat mudah dan pantas. Keluk pembelajarannya rendah, malah pereka junior pun boleh terus menyepadukan 3D ke dalam Webflow.

Pavel Dergachev, Pengasas & Pengarah Kreatif di KOJI
Integrasi Webflow natif Spline

Mengapa interaktiviti penting

Bagi Ori Scan, pameran produk 3D interaktif bukan sekadar soal estetika. Ia tentang kejelasan dan impak. Dengan membenarkan pelanggan menatal menerusi produk, memutarnya dan meneroka ciri-cirinya dalam konteks, mereka mencipta pengalaman yang jauh melangkaui apa yang boleh dicapai oleh fotografi atau video statik.

Interaktiviti mengubah segala-galanya. Ia menjadikan produk terasa nyata. Dan yang lebih penting, ia membantu klien menceritakan kisah mereka dengan cara yang terasa inovatif.

Pavel Dergachev, Pengasas & Pengarah Kreatif di KOJI

Mulakan dengan Spline

Pasukan KOJI terus bereksperimen dengan Spline. Bagi mereka, projek ini menandakan permulaan bab baharu di mana 3D dan reka bentuk interaktif bukan sekadar "bagus untuk dimiliki" tetapi penting dalam menceritakan kisah produk.

Ia contoh yang menakjubkan secara visual tentang bagaimana interaktiviti boleh mengubah reka bentuk produk digital menjadi pengalaman yang terasa nyata.

Hubungi pasukan jualan

Lagi kisah pelanggan