Jostar.id
Portfolio
Mobile App · AI · 2026

Aplikasi Skincare dengan AI Skin Analysis — Pindai Wajah, Skor Kulit & Rekomendasi Rutinitas

Aplikasi perawatan kulit untuk sebuah brand skincare Indonesia — nama dan identitas visual kliennya dirahasiakan atas permintaan mereka, jadi tangkapan layar di halaman ini sengaja tidak memuat merek. Jantung produknya adalah AI Skin Analysis: pengguna mengambil foto wajah dengan panduan bingkai di layar, fotonya diunggah ke Cloudinary, lalu sebuah Cloudflare Worker memverifikasi token login, membatasi ukuran gambar, dan meneruskannya ke model penglihatan AI. Jawaban model tidak ditelan mentah-mentah: Worker merapikannya menjadi kosakata tetap — sepuluh jenis keluhan kulit, zona wajah, dan skor 0–100 — sehingga aplikasi selalu menerima bentuk data yang sama meski penyedia AI-nya berganti. Hasilnya ditampilkan sebagai peta wajah bertanda (minyak di T-zone, pori tersumbat, hidrasi, warna kulit), skor kulit harian dengan empat pembacaan turunan, dan grafik perkembangan dari pemindaian sebelumnya. Dari situ pengguna diarahkan ke rutinitas harian yang bisa dicentang dan rekomendasi produk yang selalu menyertakan alasan — keluhan mana pada wajahnya yang disasar produk itu. Di luar pemindaian, aplikasinya juga memuat jurnal artikel, video edukasi, forum komunitas dengan profil publik, dan catatan perkembangan kulit pribadi.

Platform
Android & iOS
Tahun
2026
Industri
Beauty & Skincare (klien dirahasiakan)
Peran
Full-cycle: arsitektur aplikasi Flutter, perancangan alur AI skin analysis, proxy AI di Cloudflare Worker, model data & aturan keamanan Firestore, integrasi Cloudinary

Tampilan aplikasi

Klik gambar untuk memperbesar — geser kiri/kanan untuk berpindah.

Pemindaian wajah — bingkai penuntun dan indikator progres saat foto dinilai
Peta wajah — temuan AI ditempelkan pada titik wajahnya masing-masing
Wawasan kulit — skor harian, perubahan bulan ini, dan empat pembacaan turunan
Katalog produk yang dikurasi mengikuti kondisi kulit pengguna
Detail produk — alasan kecocokan, bahan utama, dan tautan pembelian
Profil — catatan perkembangan kulit, favorit tersimpan, dan pengaturan privasi data
Komunitas — komentar berulir pada konten edukasi

Fitur utama

Pemindaian wajah berpanduan

Bingkai penanda di layar menuntun pengguna menempatkan wajahnya, dengan indikator progres selama foto dinilai — bukan sekadar tombol ambil gambar lalu menunggu dalam gelap.

Peta wajah bertanda

Temuan AI ditempelkan pada titik wajahnya masing-masing — minyak di T-zone, pori tersumbat, tingkat hidrasi, kerataan warna — sehingga hasilnya langsung terbaca tanpa perlu membaca laporan.

Skor kulit 0–100 & empat metrik

Satu skor harian ditemani empat pembacaan turunan (hidrasi, kejernihan, pori-pori, noda gelap). Semuanya searah: makin tinggi makin baik, dan yang terparah yang menentukan — satu masalah berat tidak tersamarkan oleh hal lain yang kebetulan bagus.

Perkembangan dari waktu ke waktu

Riwayat pemindaian dirangkum jadi grafik tren dan selisih poin per bulan, jadi pengguna melihat apakah rutinitasnya benar-benar bekerja.

Rekomendasi produk beralasan

Produk diusulkan berdasarkan keluhan yang benar-benar ditemukan di wajah pengguna, dan alasannya ikut ditampilkan — rekomendasi tanpa alasan hanya terasa seperti iklan.

Rutinitas harian yang bisa dicentang

Langkah perawatan pagi dan malam dengan status selesai, berikutnya, dan tertunda — ringkas supaya benar-benar dijalankan.

Jurnal, video, dan forum

Artikel edukasi, video pendek, serta forum tanya jawab lengkap dengan profil publik, komentar, dan simpanan pribadi.

Kuota pemindaian per pengguna

Setiap akun punya jatah pemindaian harian yang dihitung dengan tanggal WIB, dan jatah baru terpakai setelah analisis benar-benar berhasil — kegagalan layanan tidak memotong jatah pengguna.

Sorotan teknis

Bagian canggih di balik layar yang membuat sistem ini bekerja mulus.

  • Kunci AI tidak pernah ikut terkompilasi ke dalam APK. Aplikasi memanggil Cloudflare Worker, dan Worker itu memverifikasi ID token Firebase pemanggilnya lewat JWKS Google sebelum menyentuh penyedia AI — tanpa itu, siapa pun yang menemukan URL-nya bisa memakai saldo AI klien sebagai API gratis.
  • Penyedia AI bisa diganti dengan mengubah satu baris konfigurasi: LimitRouter (gerbang berbentuk OpenAI, memakai gemini-3.6-flash) aktif, dengan Google AI Studio sebagai jalur cadangan. Prompt, penjagaan foto, perapian keluaran, verifikasi token, dan kuota semuanya hidup di luar berkas penyedia, jadi menambah penyedia baru tidak menulis ulang satu pun aturan itu.
  • Prompt-nya tinggal di sisi server, bukan di dalam aplikasi — bagian yang paling sering diperbaiki bisa diperbarui dalam hitungan detik tanpa memaksa semua pengguna memasang APK baru.
  • Keluaran model dipaksa masuk kosakata bersama (sepuluh id keluhan dan daftar zona wajah) yang dijaga tetap sama persis antara Worker dan aplikasi, sehingga data pemindaian lama tetap terbaca dan versi aplikasi lama aman mengabaikan keluhan yang baru ditambahkan.
  • Foto dibatasi 768px oleh Worker sendiri — bukan mempercayai ukuran kiriman aplikasi. Diukur pada foto wajah: hasil penilaiannya tidak berbeda dari 1024px, tapi payload-nya turun dari ~370KB ke ~175KB.
  • Prompt menegaskan ini penilaian kosmetik, bukan diagnosis medis: model dilarang menyebut nama penyakit, menduga kondisi medis, menyarankan obat, atau mengomentari usia, jenis kelamin, dan penampilan orangnya.
  • Model AI hanya memberi daftar keluhan; keempat metrik di layar hasil diturunkan dari daftar itu di sisi aplikasi — tidak ada angka yang dikarang di antara keduanya.
  • Seluruh media (foto produk, video, avatar, unggahan komunitas) melalui Cloudinary dengan unsigned preset, sehingga Firebase cukup dipakai untuk Auth dan Firestore saja.

Tech stack

FlutterDartRiverpod 3Firebase AuthCloud FirestoreFirestore Security RulesCloudflare WorkersCloudflare KVLimitRouter (gateway AI)Gemini 3.6 FlashGoogle AI Studio (jalur cadangan)Cloudinaryimage_pickervideo_player

Mau aplikasi seperti ini untuk bisnismu?

Kami sudah pernah membangun sistem seperti Aplikasi Skincare dengan AI Skin Analysis dari nol sampai dipakai. Ceritakan kebutuhanmu — konsultasi awal gratis, tanpa komitmen.