Cara Koji Studio memakai Spline untuk menghadirkan etalase produk 3D

Saat Ori, perusahaan teknologi medis, bersiap meluncurkan situs web untuk produk pemindai gigi 3D barunya, tantangannya jelas: bagaimana mengomunikasikan presisi dan inovasi sebuah perangkat fisik dengan cara yang terasa sama inovatifnya secara online?

Perusahaan ini ingin membawa perangkat barunya, Ori Intraoral Scanner, ke pasar. Sebuah perangkat pemindai gigi 3D yang dirancang untuk membantu dokter gigi merekam model digital gigi pasien secara real-time dengan sangat akurat.

Karena ingin melampaui gambar dan video statis untuk menunjukkan kemajuan teknis produk ini kepada pelanggan, mereka menggandeng KOJI Agency sebagai tim kreatif untuk peluncuran produk.

Tim KOJI kemudian memutuskan memanfaatkan integrasi Spline di Webflow untuk merancang pengalaman digital 3D interaktif yang membuat pemindai itu terasa senyata di web seperti di tangan dokter gigi.

Tim desain full-stack yang merangkul alat-alat baru

Tim KOJI Agency di balik kehadiran web Ori Scan terdiri dari Pavel, Slava, Nikita, dan Liza, masing-masing desainer berpengalaman dengan banyak proyek klien.

Dengan pengalaman lebih dari 20 tahun di bidang branding, identitas, dan pengalaman digital, mereka telah membangun segalanya, dari sistem iklan modular hingga situs naratif yang imersif.

Kekuatan mereka terletak pada peran sebagai "desainer full-stack", yang memadukan pemikiran produk, desain visual, interaksi, dan kode.

Kami selalu melakukan riset, selalu mencoba menemukan alat-alat baru. Begitulah kami menemukan Spline.

Memanfaatkan Spline untuk membuka interaktivitas

Pimpinan Ori Scan tidak sekadar menginginkan satu lagi situs web produk medis. Mereka menginginkan pengalaman yang menonjol bagi audiens mereka, yaitu dokter gigi dan tenaga kesehatan.

Tim KOJI melihat 3D interaktif sebagai medium terbaik untuk menonjolkan inovasi pemindai ini, dan pilihan Spline pun sama disengajanya.

Tim tahu mereka butuh fleksibilitas untuk beriterasi dengan cepat, mengoptimalkan performa, dan menampilkan desain produk pemindai secara interaktif di berbagai perangkat.

Spline ada di mana-mana di komunitas desain. Proyek ini menjadi kesempatan sempurna untuk akhirnya memakainya, dan integrasinya yang mulus dengan Webflow membuat keputusan itu semakin mudah.

Proses desain: dari CAD dan optimasi poligon hingga pengalaman web yang rapi

Prosesnya dimulai dari file CAD teknis Ori Scan, yang disempurnakan dan dioptimalkan oleh agensi sebelum dibawa ke Spline.

Alur kerjanya iteratif, menyeimbangkan jumlah poligon, material, dan pencahayaan untuk memastikan keseimbangan antara hasil yang menarik secara visual dan performa yang mulus di web.

Spline menyatukan sisi teknis dan kreatif dari proses ini. Alat performanya memberi tim wawasan yang jelas tentang optimasi model, memastikan integrasi yang mulus di berbagai perangkat. Sistem event-nya memudahkan pengaturan gerakan interaktif, sementara alat material dan pencahayaan yang serbaguna membantu menyempurnakan tampilan produk agar terasa rapi dan realistis di web.

Salah satu detail yang paling menonjol? Model 3D giginya. Untuk menunjukkan pemindai beraksi, tim membuat model gigi yang tampak alami di Spline, sentuhan penting yang membuat demonya terasa autentik.

Perhatian pada detail ini mengangkat demo melampaui sekadar pameran teknis. Dengan memadukan realisme dan interaktivitas, tim menciptakan cerita produk yang terasa autentik, menarik, dan terhubung langsung dengan cara dokter gigi benar-benar memakai pemindai itu.

Seru, tetapi juga krusial. Karena tujuan pemindai ini adalah memindai gigi, model 3D-nya harus terlihat dan terasa alami.

Integrasi dengan Webflow

Tim KOJI mengandalkan Spline untuk menghidupkan produk Ori Scan, dan integrasi Webflow bawaan Spline untuk memasang aset 3D ke situs web dengan mulus.

Ini memungkinkan animasi berbasis scroll dipadukan dengan 3D interaktif, sehingga pengunjung bisa memutar dan menjelajahi pemindai sambil menelusuri halaman.

Sangat sederhana dan cepat. Kurva belajarnya landai, bahkan desainer junior pun bisa langsung turun tangan dan mengintegrasikan 3D ke Webflow.

Mengapa interaktivitas penting

Bagi Ori Scan, etalase produk 3D interaktif bukan sekadar soal estetika. Ini soal kejelasan dan dampak. Dengan membiarkan pelanggan menggulir produk, memutarnya, dan menjelajahi fiturnya dalam konteks, mereka menciptakan pengalaman yang jauh melampaui apa yang bisa dicapai fotografi atau video statis.

Interaktivitas mengubah segalanya. Produk jadi terasa nyata. Dan yang lebih penting, interaktivitas membantu klien menceritakan kisahnya dengan cara yang terasa inovatif.

Mulai dengan Spline

Tim KOJI terus bereksperimen dengan Spline. Bagi mereka, proyek ini menandai awal babak baru, di mana 3D dan desain interaktif bukan sekadar “pelengkap”, melainkan hal yang esensial untuk menceritakan kisah produk.

Ini contoh yang memukau secara visual tentang bagaimana interaktivitas bisa mengubah desain produk digital menjadi pengalaman yang terasa nyata.

Hubungi tim penjualan