Batugin
Website Company Profile resmi untuk lini produk kesehatan unggulan Batugin. Menghadirkan informasi produk terpercaya dengan desain medis yang bersih, profesional, dan edukatif.
Ikhtisar Proyek
Batugin adalah portal informasi herbal yang berfokus memberikan edukasi mengenai kesehatan ginjal dan saluran kemih kepada masyarakat Indonesia. Sebagai salah satu produk farmasi terkemuka, Batugin membutuhkan representasi digital yang dapat dipercaya, interaktif, dan mudah diakses oleh berbagai kalangan usia. Platform ini dirancang untuk menyajikan informasi produk, artikel kesehatan, kalkulator asupan air harian, serta direktori apotek terdekat. Desain visual yang higienis, bersih, dan berorientasi medis dipadukan dengan performa pemuatan yang cepat agar pembaca mendapatkan info kesehatan penting tanpa hambatan.
Tantangan
& Solusi
Bagaimana kami mengatasi masalah teknis yang rumit menjadi solusi digital yang elegan dan terstruktur.
Membangun kredibilitas merek obat herbal di ruang digital dengan menyajikan informasi ilmiah yang mudah dipahami orang awam.
Menggunakan Next.js Static Site Generation (SSG) untuk memastikan artikel dapat diindeks oleh mesin pencari secara instan dengan kecepatan muat di bawah 1.2 detik.
Mengoptimalkan performa SEO agar artikel kesehatan Batugin menempati peringkat teratas pada pencarian Google terkait kesehatan ginjal.
Menerapkan struktur markup semantik HTML5 dan skema JSON-LD terstruktur untuk mengoptimalkan SEO artikel medis.
Mengintegrasikan fitur kalkulator hidrasi interaktif yang responsif dan ringan diakses dari browser mobile berspesifikasi rendah.
Merancang kalkulator hidrasi berbasis React Hooks yang menghitung kebutuhan cairan secara instan di sisi klien tanpa overhead jaringan.
Alur Kerja
Konsultasi
Menganalisis kebutuhan branding medis, target audiens konsumen obat herbal, dan modul konten edukasi.
Perencanaan
Menyusun peta situs artikel kesehatan, kalkulator hidrasi, serta struktur metadata SEO.
Development
Pengembangan frontend dengan Next.js dan TailwindCSS dengan transisi halus Framer Motion.
Quality Assurance
Audit Core Web Vitals dengan skor performa di atas 95% serta pengujian kompatibilitas browser.
Launch & Support
Deployment di server cloud andal dan setup monitoring performa SEO secara berkala.
Screenshots Gallery
Cuplikan antarmuka dan pengalaman pengguna yang kami rancang secara detail.
Hasil yang Dicapai.
Pengalaman Akses Cepat
Waktu muat halaman turun dari 4.2 detik menjadi 1.1 detik, mengurangi angka bounce rate hingga 28%.
Lonjakan Kunjungan Organik
Pembaruan arsitektur Next.js menaikkan lalu lintas organik sebesar 34% di kuartal pertama.
Stabilitas Traffic Tinggi
Sistem kini memproses lebih dari 50.000 pengunjung aktif per hari tanpa gangguan (downtime).
Terinspirasi oleh proyek ini?
Mari diskusikan bagaimana Zellio dapat mewujudkan visi digital perusahaan Anda.