Bagaimana Lynksen menghidupkan laman web platform B2B yang kompleks dengan Spline

Elecctro membina sistem perisian untuk perkhidmatan tanpa pengendali — seperti mesin layan diri, pengecas EV dan automasi pencucian kereta. Produk mereka merangkumi perkakasan hingga perisian dan berada dalam sudut pasaran yang secara sejarahnya berkomunikasi dengan pembeli B2B melalui helaian spesifikasi yang padat dan rajah teknikal. Misi mereka adalah untuk memodenkan perkhidmatan tanpa pengendali melalui penyelesaian pintar yang bersambung.

Elecctro memerlukan laman web. Tetapi bukan sebarang laman web. Laman web yang boleh menarik perhatian pembeli cukup lama untuk benar-benar menerangkan apa yang mereka lakukan, membezakan mereka secara visual daripada berpuluh-puluh syarikat serupa, dan menggerakkan pengunjung ke arah keputusan dengan pantas.

"Mereka perlu menyampaikan banyak maklumat," kata Tania, Pengurus Projek di Lynksen, agensi reka bentuk digital yang dibawa masuk untuk membina semula pengalaman laman web itu. "Tetapi mereka juga mahu menonjol dalam niche yang sangat berat dengan teknologi."

Jawapannya bukan lebih banyak kandungan. Ia ialah jenis antara muka interaktif yang sama sekali berbeza.

Laman utama yang anda terokai, bukan sekadar baca

Idea teras Lynksen kelihatan mudah: biarkan pengguna meneroka sistem itu, dan bukannya menerangkannya dengan kata-kata sahaja.

Laman utama menjadi adegan 3D interaktif. Gambaran keseluruhan ruang bagi seluruh keluarga produk Elecctro yang boleh dihalakan kursor, diklik dan dilayari oleh pengguna mengikut rentak mereka sendiri. Setiap aset dalam adegan disambungkan kepada halaman produk khusus. Laluan daripada "apakah produk ini?" kepada "saya sedia untuk berbincang" dipendekkan kepada hanya beberapa klik.

Pengguna boleh pergi ke laman utama, melihat segala-galanya, klik sekali, dan sudah bergerak ke arah memberi Elecctro maklumat yang mereka perlukan.

Ini ialah perubahan yang bermakna. Kebanyakan laman web B2B menganggap laman utama sebagai senarai kandungan. Lynksen membina laman utama Elecctro sebagai persekitaran, sesuatu yang anda lalui dan bukannya baca dari atas ke bawah.

Mengapa Spline?

Visinya jelas, tetapi bagaimana anda merealisasikannya?

Alat 3D tradisional bukan pilihan. Keluk pembelajarannya sahaja sudah boleh menghabiskan projek itu. Lebih penting lagi, pasukan Elecctro perlu boleh menyelenggara laman itu selepas pelancaran. Ini bermakna tiada saluran kotak hitam, tiada kebergantungan pada artis khusus, tiada alat yang memerlukan berbulan-bulan latihan hanya untuk menukar satu aset.

Lynksen menilai Spline dan melihat jalan yang berbeza:

• Bina dan ulang dalam satu persekitaran.
• Buat prototaip interaksi terus dalam alat itu.
• Hantar aset sedia produksi tanpa rantaian serahan yang kompleks.

Kami bermula dengan hampir tiada pengalaman hingga berjaya menyiapkan projek penuh dalam satu percubaan.

Apa yang membolehkannya bukan sekadar alatnya. Ia ialah komuniti. Sebelum menulis sebaris kod pun, pasukan Lynksen meluangkan masa dalam pustaka komuniti Spline: meneroka remix, memahami cara pereka lain mendekati interaksi, dan mengenal pasti teknik yang boleh mereka sesuaikan untuk projek klien ini.

Mempunyai tempat seperti Spline Community, dengan pelbagai projek dan keupayaan untuk mengadun semula bagi melihat cara orang mendekati interaksi yang berbeza, sangat membantu kami dari segi pembelajaran.

Bagi Elecctro, ada satu lagi faktor: ketahanan jangka panjang.

Mereka mahukan penyelesaian yang benar-benar boleh dimiliki oleh pasukan mereka selepas pelancaran.

Anda tidak perlu terlalu teknikal untuk menambah objek, membuat interaksi yang berbeza dan menyelenggara projek selepas kami menyerahkannya. Itu manfaat yang sangat penting bagi kami.

Membina pengalaman

Proses Lynksen bermula tanpa sebarang gerakan langsung.

Wireframe statik. Susun atur UI yang rata. Hierarki maklumat yang jelas ditetapkan sebelum satu animasi pun diperkenalkan. Hanya selepas strukturnya kukuh barulah pasukan mula menambah lapisan.

"Kami sentiasa bermula daripada statik, kemudian menambah animasi lapisan demi lapisan," kata Tania. "Kami menentukan keadaan utama dalam wireframe dan lakaran, dan semasa pelaksanaan kami melaraskan pergerakan kamera, bermain dengan animasi dan memastikan semuanya bersatu seperti yang dijangkakan."

Disiplin ini menghalang projek daripada runtuh di bawah cita-citanya sendiri. Pasukan itu memegang satu prinsip reka bentuk yang mudah: gerakan menyokong naratif.

Secara praktikal, ini bermakna:

• Keadaan hover yang halus dan interaksi mikro pada aset 3D
• Pendedahan berasaskan tatal yang membimbing perhatian tanpa memaksanya
• Peralihan kamera yang mengorientasikan pengguna dan bukannya memukau mereka
• Kreativiti ekspresif dikhaskan untuk saat-saat sekunder (footer, halaman 404) tempat kejutan kecil menjadi keseronokan dan bukannya gangguan

Halaman 404 menjadi kegemaran pasukan. Dibina sepenuhnya dalam Spline, ia membolehkan pengguna mengklik di sekeliling untuk mendedahkan aset 3D yang tersembunyi. Easter egg kecil yang kebanyakan pengunjung tidak akan temui, tetapi jelas sangat disukai oleh pasukan Lynksen semasa membinanya.

"Seronok menyembunyikan easter egg kecil," kata Ross. "Jika seseorang menemuinya, kami sebagai pereka akan sangat gembira."

Perincian ikon 3D yang digunakan di seluruh menu navigasi laman web.

Hasilnya

Laman web yang direka semula dilancarkan dan angkanya terus bergerak.

Pengguna aktif meningkat 524% dan projek ini menerima 5 anugerah.

Laman itu menambah 20,000 tontonan baharu dan komuniti reka bentuk turut memberi perhatian.

Hasil tersebut mencerminkan sesuatu yang dibina oleh pasukan dengan sengaja: bukan sekadar laman web yang cantik, tetapi laman web yang benar-benar berkesan. Laman web yang berfungsi untuk pembeli yang memerlukan kejelasan, dan untuk pasukan klien yang perlu menyelenggaranya tanpa pembangun sepenuh masa yang sentiasa bersedia.

Untuk pasukan yang mempertimbangkan 3D

Bagi pasukan yang mempertimbangkan 3D di web buat kali pertama, nasihat Tania mudah: jangan bermula dengan alat tradisional.

Dengan Spline, keluk pembelajarannya boleh diurus. Dalam beberapa hari, seseorang yang mempunyai kemahiran reka bentuk boleh mula menggunakannya. Pasukan kami menghasilkan MVP yang kukuh dalam minggu pertama penggunaan.

Ross melihatnya sebagai perubahan yang lebih luas dalam cara pasukan boleh mendekati 3D: daripada mencantumkan pelbagai alat dan aliran kerja yang kompleks, pasukan boleh mereka bentuk, mengulang dan menghantar dalam satu persekitaran — menjadikan 3D interaktif terasa jauh lebih mudah diakses sejak awal.

Jika anda mahu bekerja dalam satu persekitaran tanpa pengetahuan yang terlalu teknikal dan boleh menghantar apa yang anda lihat, pilihlah Spline.

Bagi agensi reka bentuk yang menawarkan pengalaman web interaktif kepada klien, projek ini memberikan bukti yang meyakinkan: dengan alat yang betul, anda boleh beralih daripada tiada pengalaman kepada laman web yang memenangi anugerah dalam satu projek sahaja.

Mulakan dengan Spline

Seperti Lynksen, agensi boleh memanfaatkan Spline untuk membantu klien menyampaikan produk yang kompleks melalui pengalaman interaktif yang lebih mudah difahami, lebih mudah diselenggara dan lebih diingati.

Bagi Elecctro, ini bermakna mengubah platform B2B teknikal menjadi laman web interaktif yang menjelaskan produk, mempercepatkan pembuatan keputusan dan membantu jenama itu menonjol dalam pasaran yang sesak.

Sama ada anda agensi yang membina untuk klien atau pasukan dalaman, Spline membantu anda bergerak daripada idea ke produksi dengan lebih pantas — tanpa saluran 3D yang kompleks atau kemahiran teknikal khusus.

Hubungi pasukan jualan