Delisa: Depok Peduli Pre-Eklampsia
A digital healthcare gateway empowering early detection and life-saving analytics for maternal health.
Delisa (Depok Peduli Pre-Eklampsia) was born out of an urgent public health mission: to reduce maternal mortality rates caused by pre-eclampsia within the Depok region. Pre-eclampsia is often dubbed a "silent killer" because its symptoms frequently go unnoticed without routine, specialized medical check-ups.
This digital healthcare platform was designed not just as an informational landing page, but as a centralized early-intervention hub that bridges expectant mothers, healthcare professionals, and local community health centers (PKM) in real-time. Adopting a strict user-centered design, Delisa simplifies regular health tracking, offers risk-based maternal education, and provides an accessible, early-detection screening tool from any modern device.
Role
Fullstack Developer
Duration
Oct - Nov 2024
Challenge
Developing a regional maternal healthcare application presented a unique set of demanding challenges:
Accessibility & The Digital Divide: Ensuring the interface was exceptionally intuitive so it could be easily navigated by pregnant mothers across varying age groups and different levels of digital literacy.
Delayed Diagnosis: Overcoming the difficulty of diagnosing pre-eclampsia risks early due to scattered medical histories and unmonitored fluctuations in blood pressure.
Clinical Data Precision: Translating complex medical parameters, such as systolic/diastolic trends, historical pre-conditions, and clinical symptoms—into a secure computing system without overwhelming or confusing everyday users.
Solution
Delisa answered these challenges by introducing an inclusive, highly responsive, and intelligent healthcare ecosystem:
Smart Screening Tool: Features an interactive self-screening calculator that guides mothers through a simplified, step-by-step clinical questionnaire to instantly evaluate pre-eclampsia risk levels.
Minimalist & Accessible UI/UX: A clean, soothing, and modern interface engineered using soft, medical-friendly color palettes to reduce user anxiety and enhance focus during data logging.
Technical Engineering
Detailed features engineered for this project.
- Backend Architecture: Powered by Laravel to safely handle sensitive patient data, manage granular access control roles (Mothers vs. Healthcare Workers), and process highly optimized API payloads.
- Frontend Experience: Developed using Tailwind CSS to achieve a fast-loading, pixel-perfect, and modern responsive layout that functions seamlessly across mobile web browsers and desktop screens alike.
- Structured Data Systems: Managed through optimized MySQL database architectures to accurately structure rekam medis logs, secure screening metadata, and execute instant query rendering for active analytical dashboards.
Let's talk about your project!
