A wedding planner website that walks visitors through a wedding day
A one-page website with a 3D world that moves as you scroll, from dawn to the evening party, with packages, venues, testimonials, FAQs, and a consultation form that opens WhatsApp.
- Client
- Maheswara Wedding Planner
- Industry
- Professional Services
- Year
- 2026
- Services
- Website Development
- Wedding-day acts
- 4
- Languages (ID/EN)
- 2
- Couple pain points answered
- 9
- Static file, no server
- 1
The challenge
Couples compare many wedding planners in a short time, and most wedding websites look alike: a photo gallery, a package list, and a WhatsApp button. Maheswara, in business since 2007, needed a site that feels different from the first second without hiding the practical things couples look for: packages, venues, payment options, and how to get in touch.
Our solution
We built a one-page site on top of a Three.js 3D world. Visitors enter through a gate, then scrolling carries them from 2007 to today while the light shifts from dawn to night. In the wedding-day section, one day can be scrubbed from 05:30 to 23:00 across four acts, each with its own 3D scene. All content stays on easy-to-read cards, and the consultation form writes the WhatsApp message for the visitor.
What we built
Entry gate
A warp animation when visitors press Enter, with an option to come in without sound.
Scrubbable wedding day
Preparation, ceremony, reception, and party from 05:30 to 23:00, each with its own 3D scene.
Three.js 3D world
Gold rings, petals, light dust, and a rotating tesseract in the background.
Timeline & light
Scrolling moves the year from 2007 to 2026 and shifts the mood from dawn to night.
Generative sound
Optional Web Audio background sound whose pitch follows the time of day, muted with one tap.
Motion-aware camera
The 3D camera follows the mouse on desktop and the gyroscope on phones.
Form to WhatsApp
Name, wedding type, package, date, and venue are put into one WhatsApp message, with no backend.
Two languages
An ID/EN switch for local and international couples, and animation that respects reduced-motion settings.
Inside the app
Responsive on phones
- Mobile hero
- Ceremony act on mobile
Built with
- Three.js
- WebGL
- HTML5
- CSS3
- JavaScript
- Web Audio API
- DeviceOrientation API
- Vercel
What the client gets
- Visitors feel the mood of a wedding day before they read the package list.
- Packages, venues, testimonials, FAQs, and contact details stay easy to read on top of the 3D experience.
- Every consultation arrives as a complete, tidy WhatsApp message.
- A single static file that loads fast and costs little to host, with no server or database.
Other projects
Cooperative & Fintech Platform · 2026
Koperasi Emas Digital
A public website and operations system for a gold cooperative: daily gold prices, a product catalogue, instalment simulation, and separate dashboards for the board, admins, and members.
View case study
Bakery E-commerce Concept · 2026
Gandum Bakehouse
A bakery e-commerce prototype you can try end to end: browse categories, search, add to cart, apply a promo code, and check out with a delivery slot.
Ready to build a system that grows with your business?
Discuss your needs with the AG·SORA team, no cost, no commitment.