Cinematic Pre-Wedding Site adalah landing page satu halaman yang menceritakan kisah pasangan seperti sebuah film pendek. Alih-alih galeri foto biasa, tamu diajak menggulir layar dan menyaksikan ceritanya terbuka perlahan, dari kisah awal pasangan sampai undangan di hari bahagia.
Video latar layar penuh bergerak mengikuti gulir jari atau mouse, sehingga tamu sendiri yang mengatur tempo ceritanya. Hitung mundur menuju hari bahagia dan tombol RSVP menutup cerita dengan ajakan yang jelas.
Fitur unggulan
Video yang bergerak mengikuti gulir
Video latar layar penuh maju dan mundur mengikuti gulir, dibangun dengan GSAP ScrollTrigger dan Lenis untuk gulir yang halus. Video dimuat lebih dulu agar setiap bingkai langsung tampil saat dibutuhkan.
Bagian reveal yang menahan layar
Satu bagian dikunci di layar sementara baris-baris teks berganti mengikuti gulir, memberi jeda dramatis di tengah cerita. Konten lain muncul perlahan saat halaman digulir.
Delapan babak cerita
Hero, linimasa kisah, reveal, galeri, detail acara dengan tautan peta, hitung mundur yang berjalan langsung, tombol RSVP, dan penutup tersusun berurutan seperti alur sebuah film.
Ramah ponsel dan aksesibilitas
Di layar kecil, saat pengguna mengaktifkan pengurangan gerak, atau dalam mode hemat data, video otomatis diganti gambar diam. Foto galeri dimuat bertahap agar halaman tetap ringan.
Video yang disiapkan khusus
Skrip pengolah video mengodekan ulang rekaman agar setiap bingkai bisa dilompati dengan mulus ketika halaman digulir. Hasilnya, cerita terasa lancar dari awal sampai akhir halaman.
Cocok untuk
- Pasangan yang ingin membagikan kisah pre-wedding dengan cara yang berkesan
- Fotografer dan videografer pernikahan yang ingin menyajikan karyanya secara sinematik
- Wedding organizer yang menawarkan undangan digital premium
- Brand atau acara yang ingin bercerita lewat satu halaman yang imersif
Cara kami membangunnya
Kami membangun situs ini dengan React, Vite, GSAP, dan Lenis, dengan CSS murni untuk tampilannya. Pengerjaannya bertahap, dengan persetujuan di setiap fase. Visual dekoratif dibuat dengan bantuan AI, sementara foto asli pasangan dipakai untuk momen-momen yang paling personal.
Ingin kisah atau acara Anda diceritakan dengan cara yang berbeda? Silakan hubungi kami dan ceritakan konsep Anda — kami bantu mewujudkannya menjadi halaman yang tak terlupakan.
