Mise: Website Shopify dengan Avatar 3D Interaktif

Mise adalah website Shopify untuk ilustrator yang menerima pesanan komisi karakter. Hal yang paling menonjol ada di bagian atas halaman: avatar 3D yang dapat mengikuti gerakan wajah pengunjung setelah mereka memberikan izin akses kamera.

Selain avatar, website ini memiliki halaman About, Showcase, Service, FAQ, syarat dan ketentuan, serta Kontak. Ada juga teks berjalan bertuliskan “Welcome to my little corner!” yang menambah karakter pada tampilannya.

Karena penggemar ilustrasi sering tertarik pada kepribadian dan gaya visual seorang kreator, website ini dirancang agar terasa personal sekaligus tetap mudah digunakan.

Website ilustrator sering mengandalkan galeri dan layout yang serupa. Tantangannya adalah membuat Mise punya ciri khas yang langsung terlihat saat pengunjung membuka halaman.

Avatar perlu bisa mengikuti gerakan wajah tanpa membuat pengunjung wajib menggunakan kamera. Website juga perlu tetap menampilkan pengalaman yang layak ketika akses kamera ditolak atau perangkat tidak mendukung fitur tersebut.

Interaksi 3D harus melengkapi pengalaman berbelanja, bukan mengalihkan perhatian dari karya, layanan, dan informasi pemesanan.

Kami menempatkan avatar VRM di bagian utama halaman. Jika pengunjung mengizinkan akses kamera, avatar dapat mengikuti gerakan wajah mereka. Jika tidak, avatar tetap ditampilkan tanpa pelacakan wajah.

Informasi penting seperti galeri karya, layanan komisi, FAQ, dan syarat pemesanan tetap disusun dengan jelas di bagian halaman lainnya.

Tampilan menggunakan latar grid, teks berjalan, dan tipografi tebal untuk membangun gaya visual yang playful dan sesuai dengan karakter brand.

Mise memadukan website Shopify dengan avatar 3D interaktif yang memberi pengunjung pengalaman berbeda sejak pertama kali membuka halaman.

Di luar fitur avatar, pengunjung tetap bisa menjelajahi karya, membaca detail layanan, dan menemukan informasi pemesanan melalui struktur halaman yang jelas.