E-Commerce Toko Bunga Premium (Kagita Craft)
Platform e-commerce untuk toko bunga premium yang memecahkan ketegangan inti antara kekayaan visual dan performa halaman. Mengimplementasikan pipeline optimasi gambar kustom dan infrastruktur edge Cloudflare untuk menghadirkan pengalaman belanja mewah tanpa kompromi performa.
// Tantangan Utama
- Katalog Berat Gambar: Fotografi bunga resolusi tinggi menyebabkan waktu loading 8-12 detik di mobile, langsung membunuh tingkat konversi.
- Paparan Keamanan: Paparan server langsung menyebabkan bot crawl mengonsumsi 40% bandwidth bulanan, mengembungkan biaya hosting.
- Lonjakan Traffic Musiman: Traffic Hari Valentine dan Lebaran menyebabkan timeout server di bawah beban 10x normal.
- Manajemen Pesanan: Tidak ada sistem terstruktur untuk melacak pesanan masuk, mengakibatkan pengiriman yang terlewat selama musim puncak.
// Pendekatan & Solusi
1. Pipeline Optimasi Gambar Kustom
Konversi WebP otomatis dengan generasi srcset responsif mengurangi payload gambar sebesar 65-75% dibandingkan JPEG asli, sementara lazy loading progresif memastikan konten di atas fold dirender seketika.
2. Infrastruktur Edge Cloudflare
CDN global Cloudflare menyimpan halaman katalog produk di 200+ node edge di seluruh dunia, menyerap lonjakan traffic dan menghilangkan pemborosan bandwidth bot sambil menyediakan SSL otomatis dan mitigasi DDoS.
3. Manajemen Pesanan Terintegrasi
Dashboard pesanan terstruktur dengan integrasi notifikasi WhatsApp memberi tahu pemilik toko seketika pada setiap pesanan, dengan pelacakan status pengiriman dan filter pesanan berbasis tanggal untuk manajemen musim puncak.
// Mengapa Tech Stack Ini?
| Teknologi | Alasan Pemilihan |
|---|---|
| Cloudflare CDN + WAF | Edge caching menyerap lonjakan traffic musiman tanpa meningkatkan biaya server; aturan WAF memblokir bot berbahaya yang sebelumnya mengonsumsi 40% bandwidth. |
| WebP + Lazy Loading | WebP menghadirkan ukuran file 65-75% lebih kecil vs JPEG pada kualitas visual yang setara; lazy loading menunda gambar di luar layar hingga scroll, mengurangi payload halaman awal sebesar 80%. |
| Vue.js + Nuxt | SSR memastikan halaman katalog produk sepenuhnya diindeks oleh Google Shopping dan mesin pencari, krusial untuk traffic organik ke e-commerce bisnis lokal. |
// Hasil & Dampak Bisnis
- 75% - Pengurangan Ukuran Gambar (Pipeline WebP memangkas rata-rata gambar produk dari 800KB menjadi di bawah 200KB)
- <1.5s - Waktu Muat Halaman Katalog (Turun dari 8-12 detik di mobile menjadi di bawah 1,5 detik)
- 10x - Toleransi Lonjakan Traffic (Edge Cloudflare menyerap beban puncak Valentine & Lebaran tanpa timeout server)
- Live - Status Produksi (Aktif melayani pelanggan di kagita.my.id)
// Galeri Proyek
