HMTI Frame
Homepage memperkenalkan photo booth gesture sebagai pengalaman utama HMTI Frame.
Website promosi dan photo booth interaktif berbasis browser yang mengajak calon mahasiswa mengambil dua foto, menyusun puzzle 3x3, lalu menyimpan satu polaroid HMTI langsung dari perangkat mereka.
Structural friction & narrative hurdles.
Mengubah profil organisasi mahasiswa yang mudah terlewat di tengah pameran menjadi pengalaman singkat yang partisipatif, mudah dipahami, aman untuk data pribadi, dan tetap dapat dijalankan tanpa akun maupun backend penyimpanan foto.
Engineering clarity through purposeful discipline.
Menyatukan marketing site dan booth melalui metafora living frame 3x3, tipografi editorial, serta motion GSAP yang menghubungkan setiap tahap pengalaman.
Mengembangkan dual-hand pinch framing dan puzzle berbasis MediaPipe dengan fallback kursor serta sentuhan agar interaksi tetap dapat digunakan saat gesture tidak terbaca.
Menjaga seluruh capture, landmark, dan hasil komposisi berada di memori browser tanpa upload, database, akun, atau penyimpanan cloud.
Menyusun alur dua foto yang menghasilkan polaroid warna berformat 9:16 dengan resolusi 1080x1920 dan dapat langsung diunduh dari perangkat pengguna.
Onboarding menjelaskan cara bermain, kondisi pencahayaan, fallback input, dan privasi sebelum kamera diaktifkan.
Dua capture warna dirangkai menjadi satu polaroid portrait beresolusi 1080x1920.
Alur tiga tahap menjaga sesi dua foto tetap mudah dipahami dalam waktu singkat.
Booth memisahkan motion marketing dari ruang interaksi kamera yang fokus dan minim distraksi.
Enduring impact & craft.
Menghasilkan pengalaman HMTI yang terasa kreatif dan teknis sekaligus. Pengunjung tidak hanya membaca profil organisasi, tetapi ikut masuk ke dalam frame dan membawa pulang artefak personal dari sesi tersebut.
