Lewati ke konten utama
№ 06 / Portfolio Ayana, 2025

Ayana

Klien
Ayana
Tahun
2025
Kategori
Consumer
Status
Live
Stack
Laravel 12, Vue 3, TypeScript, Inertia.js, Tailwind CSS v4, PHP 8.2+

Aplikasi web consumer-facing untuk pemantauan kehamilan dan tumbuh kembang anak yang dibangun untuk orang tua di Indonesia. Selaras dengan standar Kementerian Kesehatan RI dan Ikatan Dokter Anak Indonesia (IDAI), Ayana membantu orang tua mengikuti perkembangan janin, kebutuhan gizi ibu, milestone bayi, dan kesehatan anak dalam satu platform digital yang terasa hangat dan mudah digunakan.

Kunjungi produk →

№ 01 / Tantangan

Tantangan

Informasi kehamilan dan tumbuh kembang anak yang tepercaya untuk orang tua Indonesia masih tersebar di banyak sumber, dengan kualitas dan keakuratan yang bervariasi. Orang tua butuh satu platform yang menggabungkan pemantauan perkembangan janin, edukasi gizi, dan pelacakan milestone anak dalam alur yang terstruktur, dengan landasan medis yang kredibel (Kemenkes RI dan IDAI), bukan kompilasi konten umum. Tantangan teknis dan produk: membangun aplikasi web yang ramah data medis, responsif lintas perangkat, dan terasa intim seperti pendamping orang tua di setiap fase, bukan dashboard klinis yang dingin.

№ 02 / Yang kami bangun

Yang kami bangun

Banua Coder membangun Ayana sebagai aplikasi web modern dengan stack Laravel 12 + Vue 3 + Inertia.js + TypeScript + Tailwind CSS v4. Implementasi mencakup modul pemantauan kehamilan per minggu, kalkulator dan rekomendasi gizi ibu, pelacakan milestone bayi yang selaras dengan kurva Kemenkes RI, perpustakaan konten kesehatan anak yang divalidasi standar IDAI, sistem pengingat untuk kontrol rutin dan vaksinasi, serta antarmuka yang dirancang untuk dipakai keluarga muda dengan tone hangat dan tidak medis-formal.

№ 03 / Dampak & Hasil

Dampak & Hasil

  1. 01 Live dan diakses oleh orang tua di Indonesia sebagai pendamping kehamilan dan tumbuh kembang anak
  2. 02 Pemantauan yang selaras dengan standar Kemenkes RI dan IDAI sebagai landasan medis
  3. 03 Stack modern (Laravel 12 + Vue 3 + Inertia + TypeScript) untuk pengalaman SPA-like di web
  4. 04 Brand identity yang membedakan dari aplikasi kesehatan klinis pada umumnya, yaitu hangat dan intim
№ 04 / Video 01 Video

Video

Lihat versi bergeraknya. Tekan play; tidak ada yang dimuat sebelum Anda menekannya.

Promo produk · 16:9 · 2 mnt 58 dtk

Video promo Ayana

№ 05 / Detail proyek

Konteks

Ayana adalah aplikasi pendamping kehamilan dan tumbuh kembang anak yang dirancang untuk orang tua di Indonesia. Visinya, “Setiap Detak, Setiap Tumbuh – Selalu dekat dengan Ayana”, menggambarkan apa yang membuat produk ini berbeda dari aplikasi kesehatan biasa: Ayana adalah pendamping yang hadir di setiap fase, dari minggu pertama kehamilan hingga milestone tumbuh kembang anak.

Yang membuat domain ini menantang: aplikasi parenting/kesehatan yang baik harus menyeimbangkan landasan medis yang kredibel dengan tone yang tetap hangat dan mudah didekati. Ayana menyandarkan pemantauannya pada standar Kementerian Kesehatan RI dan Ikatan Dokter Anak Indonesia (IDAI), tetapi menyajikannya dalam bahasa dan visual yang terasa seperti percakapan dengan teman, bukan laporan klinis.

Yang Kami Bangun

Banua Coder mengembangkan Ayana sebagai aplikasi web modern dengan kombinasi Laravel 12 sebagai backend, Vue 3 sebagai frontend, Inertia.js sebagai jembatan SPA-like, TypeScript untuk type safety, dan Tailwind CSS v4 untuk sistem desain yang konsisten. Modul-modul utama meliputi:

  • Pemantauan kehamilan per minggu: Update perkembangan janin, gejala umum, dan rekomendasi tindakan, dipetakan ke usia kehamilan ibu.
  • Gizi dan nutrisi ibu: Panduan kebutuhan gizi sesuai trimester, dengan rekomendasi makanan yang sesuai konteks Indonesia.
  • Milestone tumbuh kembang anak: Pelacakan tinggi, berat, dan milestone perkembangan dengan kurva referensi Kemenkes RI.
  • Konten kesehatan anak: Perpustakaan informasi kesehatan yang divalidasi terhadap pedoman IDAI, dengan navigasi yang ramah orang tua awam.
  • Pengingat rutin: Notifikasi untuk jadwal kontrol kehamilan, vaksinasi anak, dan pemeriksaan tumbuh kembang.
  • Brand identity yang hangat: Palet pink/coral lembut, tipografi Inter, dan micro-interaction yang menjaga tone aplikasi tetap mendukung, bukan klinis.

Dampak

Ayana mengisi celah di pasar Indonesia: aplikasi kehamilan dan parenting berbahasa Indonesia, dengan landasan medis yang kredibel, tetapi disampaikan dalam tone yang tidak menakutkan untuk orang tua muda.

Bagi Banua Coder, proyek ini menambah portofolio di domain consumer healthtech dengan kompleksitas konten medis yang nyata, bersanding dengan Detexi dan Caretaker.id, dan menjadi referensi kami dalam menggabungkan domain depth dengan craft produk yang hangat.

Tech Stack

  • Laravel 12
  • Vue 3
  • TypeScript
  • Inertia.js
  • Tailwind CSS v4
  • PHP 8.2+

Tautan

Mulai proyek

Butuh sistem seperti ini?

Ceritakan produk atau sistem Anda. Kami balas dengan cakupan, jadwal, dan estimasi yang realistis.