Langsung ke konten
Farmacare

Proposal situs Farmacare

Prototype situs yang dikelola sendiri, dibandingkan dengan situs Farmacare saat ini di Duda.

Halaman ini tidak ada di menu situs dan hanya untuk tinjauan internal. Isinya tangkapan layar situs publik farmacare.id.

Sebelum dan sesudah

Geser pegangan ke kiri atau kanan, atau fokus pada pegangan lalu tekan tombol panah. Kiri adalah situs lama di Duda, kanan adalah prototype. Gulir di dalam gambar untuk melihat bagian bawah halaman.

Beranda

SebelumSesudah

Tinggi halaman penuh: situs lama 9.401 px, prototype 9.967 px. Gambar menampilkan bagian atas halaman.

Coba gratis

SebelumSesudah

Tinggi halaman penuh: situs lama 4.231 px, prototype 4.856 px. Gambar menampilkan bagian atas halaman.

Belanja ke PBF

SebelumSesudah

Tinggi halaman penuh: situs lama 10.141 px, prototype 7.792 px. Gambar menampilkan bagian atas halaman.

Praktek dokter

SebelumSesudah

Tinggi halaman penuh: situs lama 3.257 px, prototype 4.477 px. Gambar menampilkan bagian atas halaman.

Kelola PBF

SebelumSesudah

Tinggi halaman penuh: situs lama 7.077 px, prototype 8.512 px. Gambar menampilkan bagian atas halaman.

Jualan ke apotek

SebelumSesudah

Tinggi halaman penuh: situs lama 5.141 px, prototype 5.285 px. Gambar menampilkan bagian atas halaman.

Harga

SebelumSesudah

Tinggi halaman penuh: situs lama 5.858 px, prototype 6.989 px. Gambar menampilkan bagian atas halaman.

Fitur

SebelumSesudah

Tinggi halaman penuh: situs lama 10.261 px, prototype 10.573 px. Gambar menampilkan bagian atas halaman.

Checklist apotek baru

SebelumSesudah

Tinggi halaman penuh: situs lama 15.051 px, prototype 11.115 px. Gambar menampilkan bagian atas halaman.

Tutorial

SebelumSesudah

Tinggi halaman penuh: situs lama 35.130 px, prototype 8.879 px. Gambar menampilkan bagian atas halaman.

Tentang

SebelumSesudah

Tinggi halaman penuh: situs lama 4.228 px, prototype 4.792 px. Gambar menampilkan bagian atas halaman.

Angka

Skor Lighthouse mode HP, bobot halaman, tinggi halaman di HP, dan jumlah H1. Nilai yang lebih baik ditandai hijau.

Perbandingan situs lama (Duda) dan prototype untuk 11 halaman. Di setiap sel, baris atas situs lama dan baris bawah prototype.
HalamanPerformaAksesibilitasPraktik terbaikSEOBobot halaman (KB)Tinggi di HP (px)Jumlah H1
Rata-rata (11 halaman)Duda 77Prototype 99 (lebih baik)Duda 87Prototype 100 (lebih baik)Duda 76Prototype 100 (lebih baik)Duda 99 (lebih baik)Prototype 66Duda 931Prototype 233 (lebih baik)Duda 15.683Prototype 9.958 (lebih baik)Duda 2,2Prototype 1,0 (lebih baik)
/Duda 77Prototype 99 (lebih baik)Duda 88Prototype 100 (lebih baik)Duda 77Prototype 100 (lebih baik)Duda 100 (lebih baik)Prototype 66Duda 788Prototype 238 (lebih baik)Duda 16.699Prototype 12.303 (lebih baik)Duda 4Prototype 1 (lebih baik)
/coba-gratis-aplikasiDuda 81Prototype 100 (lebih baik)Duda 88Prototype 100 (lebih baik)Duda 73Prototype 100 (lebih baik)Duda 100 (lebih baik)Prototype 66Duda 914Prototype 216 (lebih baik)Duda 6.059Prototype 4.920 (lebih baik)Duda 1Prototype 1
/order-apotekDuda 69Prototype 98 (lebih baik)Duda 88Prototype 100 (lebih baik)Duda 77Prototype 100 (lebih baik)Duda 100 (lebih baik)Prototype 66Duda 1.302Prototype 245 (lebih baik)Duda 18.717Prototype 9.513 (lebih baik)Duda 4Prototype 1 (lebih baik)
/praktek-dokterDuda 79Prototype 98 (lebih baik)Duda 85Prototype 100 (lebih baik)Duda 77Prototype 100 (lebih baik)Duda 100 (lebih baik)Prototype 66Duda 794Prototype 238 (lebih baik)Duda 4.371 (lebih baik)Prototype 4.794Duda 1Prototype 1
/pbfDuda 76Prototype 99 (lebih baik)Duda 88Prototype 100 (lebih baik)Duda 77Prototype 100 (lebih baik)Duda 100 (lebih baik)Prototype 66Duda 932Prototype 210 (lebih baik)Duda 10.734 (lebih baik)Prototype 11.085Duda 2Prototype 1 (lebih baik)
/orderDuda 69Prototype 99 (lebih baik)Duda 88Prototype 100 (lebih baik)Duda 77Prototype 100 (lebih baik)Duda 100 (lebih baik)Prototype 66Duda 847Prototype 240 (lebih baik)Duda 8.189Prototype 6.829 (lebih baik)Duda 7Prototype 1 (lebih baik)
/hargaDuda 78Prototype 100 (lebih baik)Duda 87Prototype 100 (lebih baik)Duda 77Prototype 100 (lebih baik)Duda 100 (lebih baik)Prototype 66Duda 808Prototype 206 (lebih baik)Duda 9.538 (lebih baik)Prototype 9.544Duda 2Prototype 1 (lebih baik)
/fiturDuda 79Prototype 99 (lebih baik)Duda 88Prototype 100 (lebih baik)Duda 77Prototype 100 (lebih baik)Duda 100 (lebih baik)Prototype 66Duda 876Prototype 276 (lebih baik)Duda 16.576Prototype 11.971 (lebih baik)Duda 1Prototype 1
/checklistDuda 81Prototype 99 (lebih baik)Duda 87Prototype 100 (lebih baik)Duda 77Prototype 100 (lebih baik)Duda 100 (lebih baik)Prototype 66Duda 820Prototype 212 (lebih baik)Duda 14.452 (lebih baik)Prototype 22.730Duda 1Prototype 1
/tutorialDuda 80Prototype 98 (lebih baik)Duda 88Prototype 100 (lebih baik)Duda 73Prototype 100 (lebih baik)Duda 100 (lebih baik)Prototype 66Duda 900Prototype 221 (lebih baik)Duda 61.405Prototype 9.782 (lebih baik)Duda 0Prototype 1 (lebih baik)
/tentangDuda 78Prototype 100 (lebih baik)Duda 86Prototype 100 (lebih baik)Duda 77Prototype 100 (lebih baik)Duda 92 (lebih baik)Prototype 66Duda 1.255Prototype 266 (lebih baik)Duda 5.768 (lebih baik)Prototype 6.065Duda 1Prototype 1

Skor SEO prototype tertahan karena halaman sengaja ditandai noindex selama masih prototype (SITE_INDEXING nonaktif). Tanpa audit "dapat dirayapi", rata-rata skor SEO prototype adalah 100 dan situs lama 99.

Cara pengukuran. Lighthouse 13 (preset mobile, throttling simulasi bawaan, semua 4 kategori), median dari 3 kali jalan per halaman. Situs lama diukur langsung di www.farmacare.id (hanya GET). Prototype diukur langsung di sisi-gelap-fcare.web.app (Firebase Hosting, kompresi Brotli, hanya GET), dari mesin dan koneksi internet yang sama dengan pengukuran situs lama. Pelacak, beacon telemetri Duda, dan embed YouTube diblokir di kedua situs agar pengukuran hanya GET; ini menguntungkan situs lama pada bobot dan waktu muat, tetapi permintaan yang diblokir tercatat sebagai error di konsol (audit errors-in-console) dan menurunkan skor Best Practices situs lama, sehingga perbandingan Best Practices terlalu menguntungkan prototype. Tinggi halaman dan jumlah H1 prototype diukur di Chromium pada lebar 390 px; tinggi situs lama dari tangkapan layar audit lebar 390 px, jumlah H1 dari DOM audit (H1 tersembunyi ikut dihitung). Situs lama diukur pada 25/10/2026, prototype pada 27/10/2026.

Yang diperbaiki

Dua belas masalah utama dari audit situs lama, dan keadaannya di prototype.

  1. Angka saling bertentangan antarhalaman

    Sekarang: semua angka klaim (jumlah apotek, kota, rating, hari uji coba, harga) dibaca dari satu berkas fakta, dijaga tes otomatis, dan masih bertanda belum terverifikasi sampai tim sales memeriksanya.

  2. Tombol utama mendarat di halaman yang membingungkan

    Sekarang: halaman "Mulai gratis hari ini" punya satu H1, dua pilihan cara mulai, formulir singkat, dan tiga langkah setelah daftar.

  3. Navigasi terlalu banyak

    Sekarang: menu utama berisi lima item (Apotek, Distributor, Fitur, Harga, Sumber) dengan satu tombol Coba gratis; tautan lain ada di footer.

  4. Hampir semua tombol keluar ke WhatsApp

    Sekarang: tidak ada tautan WhatsApp, telepon, atau email; tombol kontak hanya menjelaskan apa yang dilakukan situs asli, dan formulir tidak mengirim data ke mana pun.

  5. Komponen rusak atau kosong

    Sekarang: ulasan Google di beranda tampil dari data lokal, halaman Tentang menampilkan foto tim, video dimuat saat diklik, dan tidak ada tautan kosong di checklist (setiap tautan menuju tutorial atau halaman "Belum tersedia di prototype").

  6. Struktur heading berantakan

    Sekarang: setiap halaman punya satu H1 (lihat kolom Jumlah H1), halaman Tutorial kini punya H1, dan judul tiap halaman berbeda.

  7. Tampilan visual tidak konsisten

    Sekarang: satu keluarga ikon dari design system Farmacare, satu gaya ilustrasi (Kapsul), dan foto asli Farmacare; lihat bagian Sistem visual di bawah.

  8. Halaman sangat panjang, terutama di HP

    Sekarang: tinggi halaman di HP kini tertera per halaman dalam tabel di atas; halaman terpanjang di situs lama, Tutorial, turun 61.405 px menjadi 9.782 px.

  9. Gaya bahasa campur aduk

    Sekarang: seluruh teks memakai "Anda", tanpa emoji pada judul dan tombol, tanpa label debug, dan tanpa hitungan mundur kuota.

  10. Halaman harga sulit dibandingkan

    Sekarang: paket ditampilkan sebagai kartu dan tabel perbandingan fitur, dan tombol paket menuju halaman di situs ini.

  11. Formulir bermasalah

    Sekarang: kolom wajib ditandai dan divalidasi, nomor HP dapat ditulis dengan spasi, tanda hubung, atau kode negara, dan tombol kirim baru aktif setelah halaman siap.

  12. Aksesibilitas

    Sekarang: teks alternatif gambar ditulis ulang, tidak ada tombol WhatsApp mengambang yang menutupi konten, dan rata-rata skor aksesibilitas Lighthouse kini 100 dibanding 87 di situs lama.

Kenapa dikelola sendiri

Tiga alasan, dan satu hal yang perlu dipertimbangkan.

  • Kontrol penuh

    Tata letak, teks, formulir, dan struktur halaman ada di kode kami sendiri. Perubahan melewati tinjauan kode dan tes otomatis, dan tidak ada pelacak atau widget pihak ketiga yang ikut dimuat.

  • Kecepatan

    Pada pengukuran ini skor performa Lighthouse HP prototype rata-rata 99 (situs lama 77) dan bobot halaman rata-rata 233 KB (situs lama 931 KB). Halamannya statis, tanpa pelacak atau widget pihak ketiga, dan karena kodenya kami pegang sendiri, setiap halaman dapat terus diukur dan dioptimalkan. Angka ini diukur langsung di Firebase Hosting; cara pengukuran dan angka tiap halaman ada di bagian Angka.

  • Hosting

    Prototype ini berjalan di paket gratis Firebase Hosting (Spark). Ini informasi umum: batas dan ketentuan paket ditetapkan Google dan dapat berubah, jadi periksa lagi sebelum go-live.

Yang perlu dipertimbangkan

Dikelola sendiri berarti tim kami yang memelihara situs ini. Prototype belum punya CMS, jadi perubahan teks dan gambar dilakukan lewat kode oleh tim engineering.

Sistem visual

Ilustrasi Kapsul dan ikon spot yang dipakai di seluruh prototype. Nama di bawah setiap gambar adalah nama komponennya.

Langkah menuju live

Urutan yang disarankan. Prototype sudah dipublikasikan di sisi-gelap-fcare.web.app (noindex). Prototype tidak boleh menggantikan situs yang sedang berjalan dan tidak boleh diindeks sebelum langkah 1 sampai 5 selesai.

  1. Verifikasi fakta

    Tim sales memeriksa semua angka di facts.ts (jumlah apotek, kota, rating, hari uji coba, harga). Semuanya masih bertanda belum terverifikasi.

  2. Render dan konfirmasi JSON-LD

    Fungsi JSON-LD (termasuk aggregateRating, rating Google) sudah ada di kode tetapi belum dirender di halaman. Render, lalu konfirmasi datanya dengan tim sales atau legal sebelum indeks diaktifkan.

  3. Konfirmasi foto dan data contoh

    Pastikan izin penggunaan foto dan wajah (hero-apotek, webinar-collage, team-group) serta data contoh pada mockup aplikasi.

  4. Tinjau deskripsi fitur

    Product owner meninjau deskripsi fitur yang ditulis ulang di prototype.

  5. Sambungkan formulir

    Hubungkan formulir ke pipeline sales. Saat ini formulir membuang data setelah validasi dan tidak mengirim apa pun.

  6. Pindahkan hosting ke proyek perusahaan

    Pindahkan hosting dari proyek Firebase sementara ke proyek Firebase perusahaan, dengan review senior atau tim IT, sebelum indeks diaktifkan dan DNS dipindah.

  7. Aktifkan SITE_INDEXING

    Di proyek perusahaan, build dengan SITE_INDEXING=on tepat sebelum DNS dipindah, setelah langkah 1 sampai 5 selesai. Selama nilainya bukan on, situs tetap noindex.

  8. Pindah DNS

    Arahkan domain dari Duda ke Firebase Hosting setelah semuanya diperiksa, dan siapkan cara kembali ke situs lama bersama tim yang mengelola domain.