Cara Lynksen menghidupkan situs web platform B2B yang kompleks dengan Spline

Elecctro membangun sistem perangkat lunak untuk layanan tanpa petugas, seperti mesin penjual otomatis, pengisi daya kendaraan listrik, dan otomatisasi cuci mobil. Produk mereka mencakup perangkat keras hingga perangkat lunak dan berada di sudut pasar yang secara historis berkomunikasi dengan pembeli B2B lewat lembar spesifikasi yang padat dan diagram teknis. Misi mereka adalah memodernkan layanan tanpa petugas melalui solusi cerdas yang saling terhubung.

Elecctro membutuhkan situs web. Tetapi bukan sembarang situs web. Situs yang bisa menahan perhatian pembeli cukup lama untuk benar-benar menjelaskan apa yang mereka lakukan, membedakan mereka secara visual dari puluhan perusahaan serupa, dan mengarahkan pengunjung untuk segera mengambil keputusan.

"Mereka perlu menyampaikan banyak informasi," kata Tania, Project Manager di Lynksen, agensi desain digital yang digandeng untuk membangun ulang pengalaman situs web tersebut. "Tetapi mereka juga ingin menonjol di ceruk yang sangat sarat teknologi."

Jawabannya bukan menambah konten. Jawabannya adalah jenis antarmuka interaktif yang sama sekali berbeda.

Beranda yang dijelajahi, bukan sekadar dibaca

Ide inti Lynksen tampak sederhana: biarkan pengguna menjelajahi sistemnya, alih-alih menjelaskannya hanya dengan kata-kata.

Berandanya menjadi scene 3D interaktif. Gambaran spasial seluruh keluarga produk Elecctro yang bisa disorot kursor, diklik, dan dijelajahi pengguna sesuai kecepatan mereka sendiri. Setiap aset dalam scene terhubung ke halaman produk khusus. Jalur dari "produk apa ini?" hingga "saya siap bicara" menyusut menjadi hanya beberapa klik.

Pengguna bisa membuka beranda, melihat semuanya, mengklik sekali, dan langsung bergerak untuk memberikan informasi yang dibutuhkan Elecctro.

Ini perubahan yang berarti. Sebagian besar situs web B2B memperlakukan beranda sebagai daftar isi. Lynksen membangun beranda Elecctro sebagai sebuah lingkungan, sesuatu yang Anda jelajahi, bukan Anda baca dari atas ke bawah.

Mengapa Spline?

Visinya jelas, tetapi bagaimana mewujudkannya?

Alat 3D tradisional tidak masuk pertimbangan. Kurva belajarnya saja sudah akan menghabiskan proyek. Yang lebih penting, tim Elecctro harus bisa merawat situsnya setelah diluncurkan. Artinya, tidak boleh ada pipeline yang tertutup, tidak boleh bergantung pada seniman spesialis, dan tidak boleh ada alat yang butuh berbulan-bulan pelatihan hanya untuk mengganti sebuah aset.

Lynksen mengevaluasi Spline dan melihat jalan yang berbeda:

• Membangun dan beriterasi dalam satu lingkungan.
• Membuat prototipe interaksi langsung di dalam alatnya.
• Merilis aset siap produksi tanpa rantai serah terima yang rumit.

Kami beranjak dari hampir tanpa pengalaman hingga menyelesaikan proyek penuh dalam sekali coba.

Yang memungkinkan hal itu bukan hanya alatnya. Melainkan komunitasnya. Sebelum menulis satu baris kode pun, tim Lynksen menghabiskan waktu di pustaka komunitas Spline: menjelajahi remix, memahami bagaimana desainer lain menangani interaksi, dan mengidentifikasi teknik yang bisa mereka adaptasi untuk proyek klien ini.

Punya tempat seperti Spline Community, dengan beragam proyek dan kemampuan me-remix untuk melihat bagaimana orang lain menangani berbagai interaksi, sangat membantu kami dari sisi pembelajaran.

Bagi Elecctro, ada faktor lain: keberlanjutan.

Mereka menginginkan solusi yang benar-benar bisa dikelola tim mereka sendiri setelah peluncuran.

Anda tidak perlu terlalu teknis untuk menambahkan objek, membuat interaksi yang berbeda, dan merawat proyek setelah kami menyerahkannya. Itu manfaat yang sangat penting bagi kami.

Membangun pengalamannya

Proses Lynksen dimulai tanpa gerakan sama sekali.

Wireframe statis. Layout UI datar. Hierarki informasi yang jelas ditetapkan sebelum satu animasi pun diperkenalkan. Baru setelah strukturnya kokoh, tim mulai menambahkan lapisan demi lapisan.

"Kami selalu mulai dari yang statis, lalu menambahkan animasi lapis demi lapis," kata Tania. "Kami menentukan state kunci di wireframe dan sketsa, dan selama implementasi kami menyetel gerakan kamera, bermain dengan animasi, dan memastikan semuanya menyatu sesuai harapan."

Kedisiplinan ini menjaga proyek agar tidak runtuh oleh ambisinya sendiri. Tim memegang satu prinsip desain sederhana: gerakan mendukung narasi.

Dalam praktiknya, ini berarti:

• State hover dan micro-interaction yang halus pada aset 3D
• Kemunculan berbasis scroll yang mengarahkan perhatian tanpa memaksanya
• Transisi kamera yang membantu orientasi pengguna, bukan membuat mereka silau
• Kreativitas ekspresif disimpan untuk momen sekunder (footer, halaman 404) tempat kejutan kecil terasa menyenangkan, bukan mengganggu

Halaman 404 menjadi salah satu favorit tim. Dibangun sepenuhnya di Spline, halaman ini memungkinkan pengguna mengklik ke sana kemari untuk memunculkan aset 3D tersembunyi. Easter egg kecil yang kebanyakan pengunjung tidak akan pernah temukan, tetapi jelas sangat dinikmati tim Lynksen saat membangunnya.

"Seru rasanya menyembunyikan easter egg kecil," kata Ross. "Kalau ada yang menemukannya, kami sebagai desainer akan sangat senang."

Detail ikon 3D yang dipakai di seluruh menu navigasi situs web.

Hasilnya

Situs web yang didesain ulang diluncurkan dan angkanya langsung bergerak.

Pengguna aktif tumbuh 524% dan proyek ini menerima 5 penghargaan.

Situs ini mendapat tambahan 20.000 tayangan baru, dan komunitas desain pun memperhatikannya.

Hasil itu mencerminkan sesuatu yang dibangun tim secara sengaja: bukan sekadar situs web yang tampak bagus, melainkan situs yang benar-benar efektif. Situs yang berfungsi bagi pembeli yang membutuhkan kejelasan, dan bagi tim klien yang perlu merawatnya tanpa developer penuh waktu yang selalu siaga.

Untuk tim yang mempertimbangkan 3D

Bagi tim yang baru pertama kali mempertimbangkan 3D di web, saran Tania sederhana: jangan mulai dengan alat tradisional.

Dengan Spline, kurva belajarnya masih bisa dikelola. Dalam hitungan hari, seseorang dengan keterampilan desain bisa langsung mendalaminya. Tim kami menghasilkan MVP yang solid dalam minggu pertama pemakaian.

Ross melihatnya sebagai pergeseran yang lebih luas dalam cara tim mendekati 3D: alih-alih merangkai berbagai alat dan alur kerja yang rumit, tim bisa mendesain, beriterasi, dan merilis dalam satu lingkungan, sehingga 3D interaktif terasa jauh lebih mudah diakses sejak awal.

Jika Anda ingin bekerja dalam satu lingkungan tanpa pengetahuan yang sangat teknis dan bisa merilis apa yang Anda lihat, pilihlah Spline.

Bagi agensi desain yang menawarkan pengalaman web interaktif kepada klien, proyek ini menjadi bukti yang meyakinkan: dengan alat yang tepat, Anda bisa beranjak dari tanpa pengalaman hingga situs web pemenang penghargaan dalam satu proyek.

Mulai dengan Spline

Seperti Lynksen, agensi bisa memanfaatkan Spline untuk membantu klien mengomunikasikan produk yang kompleks melalui pengalaman interaktif yang lebih mudah dipahami, lebih mudah dirawat, dan lebih berkesan.

Bagi Elecctro, itu berarti mengubah platform B2B yang teknis menjadi situs web interaktif yang memperjelas produknya, mempercepat pengambilan keputusan, dan membantu mereknya menonjol di pasar yang padat.

Baik Anda agensi yang membangun untuk klien maupun tim internal, Spline membantu Anda bergerak dari ide ke produksi lebih cepat, tanpa pipeline 3D yang rumit atau keterampilan teknis khusus.

Hubungi tim penjualan