Arumi Flowershop

Posted on Oct 10, 2023

Arumi Flowershop - Platform E-commerce Spesialis Karangan Bunga

Arumi Flowershop adalah platform e-commerce yang khusus menyediakan karangan bunga papan dan hand bouquet berkualitas tinggi dengan pengiriman cepat di seluruh Indonesia.

Studi Kasus Pengembangan Website Arumi Flowershop

Website Arumi Flowershop sebelumnya mengalami performa yang sangat lambat dengan waktu loading rata-rata 8-12 detik per halaman, menyebabkan bounce rate tinggi dan kesulitan dalam konversi penjualan. Tim SuperKilate membantu mengoptimalkan performa website dari nol.

Ranking Pada Mesin Pencari Google

Setelah implementasi optimasi performa website, Arumi Flowershop mengalami peningkatan signifikan dalam ranking Google dengan pencapaian sebagai berikut:

• Peningkatan Traffic Organik: Traffic pencarian organik meningkat 340% dalam 6 bulan pertama
• Keyword Performance: Ranking untuk keyword “karangan bunga Jakarta” meningkat dari posisi 45 ke posisi 3
• Core Web Vitals Score: Semua metrik Core Web Vitals (LCP, FID, CLS) mencapai skor “Good”
• Impressions: Total impressions dari Google Search meningkat 520%
• Conversion Rate: Tingkat konversi dari traffic organik meningkat dari 1.2% menjadi 4.8%

Analisis Performa Website

Masalah Awal yang Ditemui:

• Waktu loading halaman awal 11-15 detik
• Tidak ada sistem caching
• Gambar produk tidak dioptimalkan (rata-rata 3MB per gambar)
• CSS dan JavaScript tidak diminifikasi
• Tidak ada lazy loading untuk gambar
• Database query yang tidak efisien
• Tidak ada CDN untuk distribusi konten

Optimasi yang Diimplementasikan:

1. Migrasi ke Hugo Static Site Generator: Mengubah dari CMS dinamis ke Hugo untuk menghasilkan halaman statis yang lebih cepat
2. Image Optimization: Kompresi gambar produk hingga 80%, implementasi WebP format dengan fallback
3. Asset Optimization: Minifikasi dan bundling CSS/JavaScript, penghapusan unused code
4. Caching Strategy: Implementasi browser caching, server-side caching, dan CDN
5. Lazy Loading: Penerapan lazy loading untuk semua gambar produk
6. Database Optimization: Optimasi query database dan indexing untuk kategori produk
7. CDN Implementation: Penggunaan CDN untuk distribusi gambar dan assets statis

Hasil Optimasi:

• Waktu Loading: Dari 11 detik menjadi 1.2 detik (91% improvement)
• PageSpeed Score: Mobile 98/100, Desktop 99/100
• Largest Contentful Paint (LCP): Dari 8.5 detik menjadi 1.1 detik
• First Input Delay (FID): Dari 450ms menjadi 85ms
• Cumulative Layout Shift (CLS): Dari 0.35 menjadi 0.08
• Server Response Time: Dari 2.8 detik menjadi 0.3 detik

Teknologi yang Digunakan

• Hugo v 0.150.1
• Go v 1.24
• Bootstrap 5 CSS
• Typescript
• Multi-language (i18n)
• SEO Optimization
• Google Analytics
• Facebook Pixel
• Google Tag Manager