Peta wireframe
Setiap tautan membuka layar spesifik. Status, aturan, dan catatan implementasi ditandai langsung di dalam layar.
Tiga alur end-to-end dalam satu platform:
1 · Kampanye gratis — landing kampanye → daftar (lead) → validasi & ekspor → import & tetapkan ke sesi → ujian → pengumuman hasil → pilih sertifikat gratis/berbayar → verifikasi publik.
2 · Tes berbayar — landing always-on → daftar → checkout → webhook → import & tetapkan → ujian → pengumuman → sertifikat termasuk.
3 · Tes resmi vendor — landing always-on → daftar + consent handoff → review staf → data diserahkan ke vendor → peserta menunggu dihubungi vendor (ujian & sertifikat di pihak vendor, tidak di platform).
1 · Kampanye gratis — landing kampanye → daftar (lead) → validasi & ekspor → import & tetapkan ke sesi → ujian → pengumuman hasil → pilih sertifikat gratis/berbayar → verifikasi publik.
2 · Tes berbayar — landing always-on → daftar → checkout → webhook → import & tetapkan → ujian → pengumuman → sertifikat termasuk.
3 · Tes resmi vendor — landing always-on → daftar + consent handoff → review staf → data diserahkan ke vendor → peserta menunggu dihubungi vendor (ujian & sertifikat di pihak vendor, tidak di platform).
1. Publik
Beranda & katalogHero, daftar produk, verifikasi sertifikat, login.
Detail produkManfaat, harga, jadwal, syarat sertifikat, FAQ.
Landing page kampanyeContoh halaman terbit (AI/HTML) dengan komponen dinamis.
Pendaftaran (lead)Form kampanye gratis & consent handoff vendor; status lead.
Login & registrasiAkun peserta, aktivasi, pesan error.
Verifikasi sertifikatHalaman publik token unik: aktif, dicabut, kedaluwarsa.
2. Dashboard peserta
BerandaPaket aktif, tindakan berikutnya, jadwal, status hasil.
Beli paketKatalog dan detail manfaat.
CheckoutSnapshot harga, identitas, metode bayar, batas waktu order.
Transaksi sayaRiwayat order, status webhook, bukti, pembatalan.
Ujian sayaHak akses, masa berlaku, kesempatan tersisa.
Jadwal sayaSesi diikuti dan perubahan jadwal.
Hasil sayaSkor per bagian, riwayat percobaan, keberatan.
Sertifikat sayaPilihan sertifikat gratis/berbayar, PDF, verifikasi, status dokumen.
Referral vendorStatus penyerahan data ke vendor; tanpa ujian/sertifikat di platform.
ProfilNama untuk sertifikat dan keamanan akun.
BantuanPanduan dan pengajuan kendala.
3. Ruang ujian (mesin pelaksanaan)
Persiapan & tata tertibCek identitas, hak, jadwal, audio; dialog mulai.
Pengerjaan soalTimer server, autosave, navigasi, ragu-ragu, audio.
Gangguan koneksiBanner offline, status lokal vs tersimpan, resume.
Konfirmasi submitRingkasan kosong/ragu; submit otomatis saat waktu habis.
Setelah ujianPercobaan dikunci, status pemrosesan hasil.
4. Dashboard admin & pengawas
RingkasanPendapatan, order tertunda, sesi, kendala.
Produk & paket3 lini: gratis kampanye, berbayar, resmi vendor; harga & kebijakan.
Landing pageDaftar halaman, status, statistik, duplikasi.
Registrasi & leadStatus lead, batch ekspor → import & tetapkan ke sesi.
Order & pembayaranPencarian, refund, pemenuhan akses tertunda.
Handoff vendorReview consent & penyerahan data pendaftar ke vendor resmi.
Peserta & kelompokProfil, impor, pengelompokan, bantuan akses.
Bank soalEditor soal, kunci, impor Excel, alur review.
Paket soal & sesiBagian, randomisasi, jadwal, kuota, pengawas.
Monitoring & pengawasProgres peserta, tindakan ber/alasan, audit.
Hasil & penilaianSkor, review, koreksi beralasan, pengumuman hasil.
SertifikatTemplate, pilihan gratis/berbayar, penerbitan, pencabutan.
NotifikasiTemplate email dan riwayat pengiriman.
LaporanBisnis, operasional, akademik, ekspor.
PengaturanProfil lembaga, staf, RBAC, pembayaran, audit log.
5. Editor landing page (AI & HTML)
Catatan wireframe: elemen bergaris putus-putus biru adalah anotasi aturan bisnis (validasi server, idempotensi, audit). Angka dan teks contoh bersifat ilustratif, bukan keputusan akhir.