📐
WIREFRAME FLOW: UNDANGAN PERNIKAHAN & COCOKI
DEMO: 📸 1. Photostrip âœ‰ī¸ 2. Envelope ✨ 3. Minimalis âš™ī¸ Backoffice
Style 1
📸
1. Photostrip Pembuka
Animasi foto vertikal meluncur dari mesin photobox dengan musik dan gameplay.
Buka 1.html ➔
Style 2
âœ‰ī¸
2. 3D Envelope Wax Seal
Amplop lipatan segel lilin "R & A" interaktif yang terbuka saat layar disentuh.
Buka 2.html ➔
Style 3
✨
3. Minimalis & Countdown
Tipografi elegan bernada senada dilengkapi hitung mundur realtime ke hari-H.
Buka 3.html ➔
Admin
âš™ī¸
Backoffice Leaderboard
Panel perekam waktu tercepat, pencatatan timestamps, verifikasi pemenang.
Buka backoffice.html ➔
0

Zero Layer: Halaman Sambutan

Welcome Screen â€ĸ Halaman Pesan Pembuka

📌 Logika Flow: Halaman kosong pembuka yang bersih dan elegan bertuliskan: "there is a message from Ronald & Aprilia". Tamu mengetuk tombol atau layar untuk membuka pesan dan diarahkan ke Layer 1 (Cocoki Gatekeeper).
💌

there is a message from

Ronald & Aprilia

Buka Pesan ➔ (Ketuk untuk lanjut ke Game Layer 1)
Zero Layer â€ĸ Screen 0 (Halaman Kosong Sambutan)
➔
1

Layer 1: Gatekeeper Game

Cocoki Easy Mode (2 Layer 3x3) & 10s Skip

📌 Logika Flow: Tamu wajib mencocokkan 3 kartu atau menunggu 10 detik hingga tombol merah "Lewati" muncul otomatis.

Level 1: Pembuka Pintu

Cocokkan 3 kartu yang sama untuk membuka undangan
💍 Cincin
💌 Surat
🎂 Kue
🎂 Kue
💍 Cincin
💍 Cincin
💌 Surat
💌 Surat
🎂 Kue
KERANJANG (SLOT MAKS. 7) 2 / 7
💍
💍
â†Šī¸ Urung
📤 Keluar 3
🔀 Acak
Tombol muncul setelah 5 detik
Buka Undangan Langsung (Lewati) ⏊
➔
2

Layer 2: Undangan Resmi

Ronald & Aprilia â€ĸ Info Acara & Peta

📌 Logika Flow: Tamu menelusuri detail undangan pernikahan. Di bagian paling bawah, ada tombol "Level Up / Doorprize".
The Wedding Celebration
👰đŸ¤ĩ

Ronald & Aprilia

Sabtu, 26 Desember 2026
đŸ¤ĩâ€â™‚ī¸

Ronald Ferdinand, S.Kom.

Putra pertama dari Bapak Yupiansyah & Ibu Sarinda Lina

📷 @ronaldferdlnand
đŸ‘°â€â™€ī¸

Aprilia Nurkasanah, S.Kom.

Putri kedua dari Bapak Supardi & Ibu Sri Purwanti

📷 @avprils
Menghitung Hari Bahagia
103
Hari
12
Jam
45
Menit
30
Detik
Akad Nikah
📅 Sabtu, 26 Desember 2026
⏰ 09.00 - 10.00 WIB
📍 Lemah Ledok Resto Kalasan, Sleman, Yogyakarta
Resepsi Pernikahan
📅 Sabtu, 26 Desember 2026
⏰ 11.00 - 13.00 WIB
📍 Lemah Ledok Resto Kalasan, Sleman, Yogyakarta
đŸ—ēī¸ Preview Google Maps Embed Lemah Ledok Resto Kalasan
Buka Google Maps App 📍 Petunjuk Arah ➜
Buku Tamu & Ucapan Doa
Nama Tamu...
Pilihan: Hadir / Berhalangan
Tulis ucapan doa restu...
🏆

Tantangan Doorprize!

Selesaikan puzzle Cocoki Level 2 untuk mendapatkan tiket undian hadiah E-Wallet ratusan ribu rupiah!

Level Up / Doorprize 🎮
➔
3

Gate Pop-up Doorprize

Informasi Hadiah & Form Input Tamu

📌 Logika Flow: 1. Pop-up Informasi Peraturan & Hadiah muncul.
2. Setelah ditutup, muncul modal input Nama & No WhatsApp sebelum game dimulai.
CARA BERMAIN & HADIAH ✕
1. Cocokkan 3 Kartu yang Sama

Ambil kartu yang tidak tertutup ke keranjang bawah.

2. Slot Maksimal 7

Kalah jika slot terisi penuh tanpa ada yang cocok.

🎁 Daftar Hadiah Doorprize:
đŸĨ‡ Saldo E-Wallet Rp 200.000
đŸĨˆ Saldo E-Wallet Rp 150.000
đŸĨ‰ Saldo E-Wallet Rp 100.000
Paham, Lanjut Daftar ➜
➔
4

Layer 3: Cocoki Tingkat Sulit

Multi-Layer Pyramid â€ĸ Win Ticket Result

📌 Logika Flow: Tamu bermain 42 kartu pagoda stack dengan 6 jenis kartu. Jika menang, terbit kode undian WhatsApp.
← Undangan Pemain: Budi Pratama

Level 2: Tantangan Doorprize

💎
💍
💐
🎂
💌
đŸ•Šī¸
💍
💎
[Tumpuk L]
💐
🎂
[Tumpuk R]
💎
💎
â†Šī¸ (1)
📤 (1)
🔀 (1)
🎉
SKENARIO MENANG:

Terima kasih telah berpartisipasi! Data kamu sudah tersimpan untuk undian doorprize.
Pemenang dinilai dari waktu tercepat dan diumumkan saat resepsi.

Kembali ke Undangan 💌
SKENARIO GAGAL (SLOT PENUH):

Jika 7 slot keranjang penuh tanpa ada kartu yang cocok.

Lihat Modal Kalah (Progress Bar) ➔
➔
4B

Modal Kalah: Slot Penuh

Popup Kalah â€ĸ Progress Bar Pencapaian & Retry

📌 Logika Flow Gagal: Jika keranjang terisi 7 kartu tanpa kombinasi 3 cocok, popup ini muncul. Menampilkan Progress Bar (% kartu yang berhasil diselesaikan), statistik kartu, serta pesan motivasi kontekstual agar tamu tertantang mencoba lagi.
HASIL PERMAINAN đŸĨ
đŸĨ

Slot Penuh!

Keranjang sudah terisi penuh 7 kartu. Jangan berkecil hati, lihat pencapaian kartu yang sudah berhasil kamu cocokkan!

đŸŽ¯ Progress Permainan 50%
21 dari 42 kartu tercocokkan Setengah Jalan!
đŸ’Ē Hebat! Sudah lebih dari setengah jalan. Kamu pasti bisa!
🔄 Coba Lagi Kembali ke Undangan
📊 Tingkatan Pesan Motivasi:
  • â‰Ĩ 75%: "đŸ”Ĩ Luar biasa! Sedikit lagi bersih tuntas!"
  • â‰Ĩ 50%: "đŸ’Ē Hebat! Sudah lebih dari setengah jalan!"
  • â‰Ĩ 25%: "✨ Awal yang bagus! Prioritaskan kartu atas."
  • < 25%: "🍀 Tetap semangat! Susun strategi kartumu."
➔
5

Backoffice / Leaderboard

Penilaian Waktu Tercepat & Timestamps

📌 Logika Backoffice: Data hasil game terekam otomatis di belakang layar. Sistem mengurutkan peringkat secara realtime berdasarkan waktu tercepat (Ascending) dan diverifikasi via timestamp.
âš™ī¸ Backoffice Doorprize
Pernikahan Ronald & Aprilia
TOTAL SELESAI 12 Tamu
REKOR TERCEPAT ⚡ 19.45s
KANDIDAT PEMENANG WAKTU & TIMESTAMP
đŸĨ‡ Juara 1: Budi Santoso
081289123456 â€ĸ Tiket: #819204
⚡ 19.45 dtk
11:15:20 WIB
đŸĨˆ Juara 2: Dewi Lestari
085712345678 â€ĸ Tiket: #592812
⚡ 24.18 dtk
11:32:05 WIB
đŸĨ‰ Juara 3: Rian Pratama
087819283746 â€ĸ Tiket: #301948
⚡ 28.60 dtk
11:45:12 WIB
#4 Siti Nurhaliza
081392817263
⚡ 35.20 dtk
12:02:40 WIB
Buka Halaman Backoffice Interaktif ↗