Katalog Produk
Halaman produk editorial dengan filter kondisi kulit, rating, dan tampilan harga dinamis.
E-commerceCélune Skincare (Studi Kasus)2026
Dari jualan di medsos jadi toko yang menghasilkan saat kamu tidur.
Brand skincare botani yang dikembangkan dari jualan di medsos menjadi toko online mandiri dengan showcase produk kelas editorial dan pembayaran terintegrasi.
Toko OnlineMotion UICheckout
KlienCélune Skincare (Studi Kasus)
CakupanDesain UX & Visual · Pengembangan Frontend · Motion UI · SEO
Timeline3 minggu
Tahun2026
KlienCélune Skincare (Studi Kasus)
KategoriE-commerce
LayananDesain UX & Visual, Pengembangan Frontend, Motion UI, SEO
Timeline3 minggu
Tahun2026
01
Ringkasan
Célune sebelumnya mengelola pesanan melalui DM Instagram dan WhatsApp — tanpa keranjang belanja, tanpa checkout, dan tanpa kepemilikan data pelanggan. Seiring bertambahnya permintaan, proses manual ini menjadi hambatan. Calon pembeli sering kali membatalkan niat belanja ketika harus mengirim pesan dan menunggu balasan.
02
Proses Bangun
Kami membangun pengalaman e-commerce mandiri dengan bahasa desain editorial yang sesuai dengan identitas botani brand tersebut. Animasi scroll berbasis GSAP, peluncuran produk berbasis countdown, dan sistem checkout yang efisien melalui Midtrans — GoPay, OVO, dan transfer bank — semuanya dalam tata letak mobile-first yang dirancang sesuai dengan kebiasaan belanja pelanggan di Indonesia.
03
Apa yang Kita Kirim
Tiap komponen yang kita bangun dan alasan di baliknya.
Checkout & Pembayaran
Alur dari keranjang hingga konfirmasi dengan GoPay, OVO, dan transfer bank terintegrasi melalui Midtrans.
Sistem Motion UI
Transisi halaman berbasis GSAP, scroll reveal, timer countdown, dan mikro-interaksi hover di setiap bagian.
Tata Letak Mobile-First
Navigasi yang dioptimasi untuk sentuhan, galeri produk geser, dan CTA pembelian lengket yang dibangun untuk traffic seluler.
04
Dampak & Hasil
Hasil nyata dan performa di lapangan.
3Minggu sampai rilis
45%Pengurangan DM manual
1Mesin jualan mandiri
05
Teknologi
Next.jsTypescriptGSAPTailwind CSSVercel