Raja Plastik Indonesia sudah punya website untuk katalog produk plastik grosirnya yang berisi lebih dari 3.000 item, tetapi situs lamanya terasa usang, sulit dinavigasi, dan mulai kewalahan menghadapi trafik yang terus bertambah. Proyek ini mendesain ulang situsnya agar lebih cepat dan modern, lengkap dengan konten marketing dan tanda-tanda kredibilitas yang lebih jelas.
Tampilan situs jadi yang bisa di-scroll, persis seperti yang dilihat pengunjung.
Desktop
Mobile
Pekerjaan seperti ini biasanya dibagi ke pengembang, desainer UI/UX, desainer grafis, dan pemasar. Di proyek ini, keempat keahlian itu dikuasai satu orang, jadi setiap keputusan datang dari orang yang memahami keseluruhan proyek, bukan hanya bagiannya sendiri.
16
standar yang terpenuhi, dari kode hingga pemasaran.
Dampak bisnis di sini diukur dari 5 area: Kehadiran, Kualitas, Kepercayaan, Konversi dan Pertumbuhan. Semuanya mencakup bagaimana bisnisnya ditemukan, dipersepsikan, dan direspons.
Ribuan produk, semuanya benar-benar bisa ditemukan
Sebelum
Struktur situs lama membuat ribuan produk sangat sulit dijelajahi. Informasinya sebenarnya ada, tetapi praktis tidak terlihat, tanpa cara jelas untuk menemukan yang dicari.
Sesudah
Struktur yang jelas dan terkategori kini membuat setiap produk benar-benar bisa ditemukan dan dijelajahi, sehingga banyaknya produk justru membantu pembeli, bukan menyulitkan.
Tiap proyek memanfaatkan kombinasi berbagai disiplin, begini gambarannya di proyek ini.
Tools dan teknologi yang digunakan untuk mewujudkan proyek ini.
Masalah yang muncul selama membangun proyek ini, dan hasil yang didapat dari menyelesaikannya.
Menyiapkan Situs untuk Katalog Lebih dari 3.000 Produk
Desain ulang harus sanggup menangani ribuan produk tanpa memperlambat penjelajahan, jadi struktur katalog, query, dan resource VPS direncanakan dengan cermat.
Performa Halaman dengan Banyak Gambar Produk
Ribuan gambar produk berisiko memperlambat halaman katalog, jadi diterapkan lazy loading dan kompresi gambar yang konsisten.
Bertahan dari Lonjakan Trafik Bot
Lonjakan trafik bot otomatis menaikkan beban server dan membuat situs melambat sampai nyaris berhenti. Masalah ini diselesaikan lewat kombinasi Cloudflare, aturan fail2ban custom yang otomatis memblokir IP dengan pola request mirip scraper, rate limiting di level Nginx, dan indexing database.
Masalah teknis yang diperbaiki selama membangun proyek ini.
Uptime kembali pulih
Gambar di bawah 200KB
Penjelajahan cepat di skala besar
Kesehatan server dipantau secara proaktif
Ter-backup dan bisa dipulihkan kapan saja
Sebelum
Lonjakan trafik bot otomatis menaikkan beban server sampai situs melambat drastis dan tidak bisa diakses pengunjung asli.
Sesudah
Cloudflare, aturan fail2ban custom untuk trafik mirip scraper, rate limiting Nginx, dan indexing database mengembalikan beban server ke normal dan menjaga situs tetap bisa diakses.
Sebelum
Gambar beresolusi tinggi yang tersebar di seluruh situs, bukan hanya di satu bagian, berisiko memperlambat setiap halaman.
Sesudah
Setiap gambar di seluruh situs dikompres ke WebP dan dijaga di bawah 200KB, sehingga halaman tetap cepat tanpa penurunan kualitas yang terlihat.
Sebelum
Menjelajahi dan memfilter lebih dari 3.000 produk di situs lama terasa lambat dan kaku seiring katalog terus bertambah.
Sesudah
Desain ulang mengoptimasi query dan struktur katalog, sehingga penjelajahan dan filter tetap cepat walau produknya ribuan.
Sebelum
Tanpa pemantauan beban sistem, disk, dan penggunaan RAM, masalah server bisa tidak ketahuan seiring katalog terus bertambah, sampai ada yang benar-benar rusak.
Sesudah
Pemantauan rutin atas beban sistem, disk, dan penggunaan RAM menangkap masalah resource sebelum menjadi downtime, sehingga server tetap sehat seiring katalog terus berkembang.
Sebelum
Situs tanpa sertifikat SSL dan tanpa backup rutin bisa kehilangan semuanya hanya karena satu kegagalan server, serangan, atau sertifikat yang kedaluwarsa, tanpa cara untuk memulihkannya.
Sesudah
SSL, backup rutin, dan optimasi kecepatan situs dikonfigurasi sejak awal, sehingga situs tetap aman, bisa dipulihkan, dan andal kalau suatu saat ada yang salah.
