Sekolah Vokasi Universitas Gadjah Mada (UGM) bersama Puskesmas Imogiri I Bantul dengan bangga merilis rancangan tampilan (visual design) untuk website GRIYA BRILLIANT (Gerakan Menjadi Ibu Hamil yang Bahagia, Cerdas, Pintar, Selalu Lincah dan Sehat). Pengembangan desain ini dirancang khusus untuk menjadi platform edukasi dan komunikasi digital terdepan bagi ibu hamil, mendukung upaya pencegahan stunting di wilayah Imogiri.
“Website GRIYA BRILLIANT adalah wujud komitmen kami dalam mengintegrasikan Manajemen Informasi Kesehatan (MIK) dengan teknologi digital,” ujar Nuryati, S.Far., M.P.H., Ketua Tim Pengabdian kepada Masyarakat (PkM) dari UGM. “Rancangan ini fokus pada kemudahan akses, informasi yang valid, dan pengalaman pengguna yang nyaman, terutama bagi ibu hamil yang memiliki mobilitas terbatas.”
🎨 Tampilan Ramah Pengguna, Kaya Manfaat
Desain website GRIYA BRILLIANT mengusung palet warna yang menenangkan, seperti biru muda dan hijau pastel, menciptakan suasana yang positif dan suportif. Berikut adalah fitur-fitur utama yang menonjol dari rancangan ini:
Halaman Beranda (Homepage) yang Informatif dan Interaktif:
Deskripsi Visual Halaman Beranda:
- Header Jelas: Tertera logo PUSKESMAS IMOGIRI I dan GRIYA BRILLIANT untuk identitas kuat.
- Navigasi Mudah: Menu utama yang intuitif, mencakup “Beranda”, “Tentang GRIYA BRILLIANT”, “Edukasi”, “Cetingnasi Masgisa”, “Interaktif/Komunikasi”, dan “Dokumentasi”.
- Hero Section Menarik: Gambar ibu hamil yang aktif dan ceria dengan Call-to-Action (CTA) “DAFTAR/MASUK KELAS ONLINE GRIYA BRILLIANT”, mengajak interaksi langsung.
- Mini Dashboard: Menyajikan data penting secara ringkas, seperti jumlah ibu hamil aktif dan target penurunan stunting, memberikan gambaran kinerja program secara transparan.
- Konten Terbaru: Tiga artikel unggulan terbaru mengenai gizi, senam hamil, dan 1000 Hari Pertama Kehidupan (HPK), memastikan informasi selalu segar dan relevan.
- Dukungan Mitra: Logo UGM dan berbagai mitra Puskesmas Imogiri I ditampilkan, menunjukkan kolaborasi kuat.
Halaman Edukasi yang Komprehensif:
Deskripsi Visual Halaman Edukasi:
- Konsisten: Header dan menu navigasi serupa dengan Beranda.
- Breadcrumbs: Terdapat jejak navigasi (misal: “Beranda > Edukasi > Gizi Seimbang”) yang memudahkan pengguna melacak posisi mereka.
- Judul Konten: Judul besar dan informatif, seperti “Gizi Seimbang: Pondasi 1000 HPK untuk Cegah Stunting”.
- Konten Utama Visual & Informatif: Dilengkapi gambar relevan, infografis gizi seimbang, poin-poin penting, dan tips harian, menjadikan informasi mudah dicerna.
- Sidebar Fungsional: Menawarkan Mini Dashboard, tombol “Download Panduan PDF”, “Quiz Uji Pengetahuan”, serta video edukasi, memperkaya pengalaman belajar.
- Tips Harian Lainnya: Rekomendasi artikel terkait di bagian bawah untuk eksplorasi lebih lanjut.
“Kami berharap website ini tidak hanya menjadi sumber informasi, tetapi juga platform interaktif yang menjembatani Puskesmas dengan ibu hamil, memungkinkan komunikasi yang lebih efektif dan terarah,” tambah Nuryati. Pengembangan ini diharapkan akan meningkatkan jangkauan program GRIYA BRILLIANT, mendukung percepatan penurunan angka stunting di Imogiri, dan sejalan dengan target Sustainable Development Goals (SDGs) 3: Kehidupan Sehat dan Sejahtera.
Tim UGM saat ini sedang dalam proses pengembangan teknis website dan akan segera dilanjutkan dengan pelatihan pengelolaan bagi staf Puskesmas Imogiri I, sebelum peluncuran resmi ke masyarakat.