Overview
Scent & Soul adalah storefront e-commerce modern untuk parfum niche, dibangun sebagai headless frontend yang siap dihubungkan ke API commerce manapun. Platform ini menargetkan konsumen Indonesia dengan harga IDR, metode pembayaran lokal (GoPay, OVO, DANA), dan menerjemahkan aroma yang tak terlihat menjadi pengalaman visual melalui keluarga aroma berkode warna, kuis pencocokan aroma interaktif, dan catatan wangi animasi.
Challenge
- Belanja parfum online tidak punya konteks sensorik. Pelanggan tidak bisa mencium produk lewat layar, jadi kepercayaan rendah dan tingkat retur tinggi
- Kebanyakan situs e-commerce parfum Indonesia menggunakan template generik tanpa kepribadian atau brand storytelling
- Pembeli meninggalkan keranjang ketika alur checkout membingungkan atau membutuhkan terlalu banyak langkah
- Tidak ada cara mudah untuk menemukan wangi baru berdasarkan preferensi pribadi tanpa mengunjungi toko fisik
Solution
Pengalaman Produk Sensorik
- Keluarga aroma berkode warna (Floral, Woody, Citrus, Oriental, Fresh, Spicy) dengan palet visual unik dan background gradien spesifik kategori
- Breakdown catatan wangi (Top/Heart/Base) di setiap halaman detail produk dengan penandaan produk berbasis mood
- Kuis Scent Finder interaktif 4 pertanyaan yang merekomendasikan produk berdasarkan mood, occasion, dan preferensi catatan wangi
Belanja & Keranjang
- State keranjang persisten antar sesi browser menggunakan Zustand + localStorage dengan enforcement maxStock per varian
- Cart drawer slide-out dengan kontrol kuantitas, wishlist dengan konversi add-to-cart, dan rendering hydration-safe
- Modal pencarian global dengan filtering real-time berdasarkan nama, brand, dan kategori
Checkout & Konten
- Checkout 3 langkah dengan validasi per-field, tiga tier pengiriman (JNE, JNE YES, GoSend), dan pembayaran e-wallet lokal (GoPay, OVO, DANA)
- Bagian jurnal/blog dengan layout editorial dan 6 halaman koleksi keluarga aroma yang dikurasi
- Store locator untuk 4 lokasi butik fisik di Jakarta, Surabaya, Bali, dan Bandung
Results
- Jumlah halaman: 5-8 halaman template statis → 20 halaman fully interactive mencakup seluruh perjalanan belanja
- Penemuan produk: Browse saja → Filter + Kuis Scent Finder + Search + 6 halaman koleksi yang dikurasi
- Persistensi keranjang: Hilang saat refresh → Bertahan saat restart browser via Zustand + localStorage
- Sistem animasi: Tidak ada (statis) → 6 motion primitive reusable konsisten di seluruh 20 halaman
