Loading...

0%

← Back to Base—Case Study
Live

Anmol &
Ayushman.

“Mission debrief loaded.”
Year2026
TypeClient Work
RoleDesigner & Developer
Timeline3 months
DesignerShakanksh Sinha
View Website →
─── Mission Objective ───

Design and build a scroll-driven wedding website that keeps Anmol and Ayushman's wedding alive — four days and four ceremonies, the Tilak, Haldi, Sangeet and Shaadi, told through close to a hundred photographs.

─── The Problem ───

The wedding ran across four days and four ceremonies. The couple wanted one place where family and friends could relive all of it, not a shared drive full of folders. It had to feel personal and rooted in tradition, give each ceremony its own character, and make the photos feel like a story rather than a gallery.

─── The Solution ───

A wedding album you scroll through. Each ceremony became a chapter with its own colour and a short note on what the ritual means, with photos grouped by moment to keep the order of the day — built in Next.js with GSAP ScrollTrigger and Lenis for smooth, scroll-driven storytelling.

─── Screenshots ───
Opening
Opening
Tilak — Photo Reel
Tilak — Photo Reel
Haldi Chapter
Haldi Chapter
Haldi — Flower Shower
Haldi — Flower Shower
Aarti
Aarti
Sangeet
Sangeet
Shaadi Chapter
Shaadi Chapter
Mobile
Mobile
─── Tech Arsenal ───
FrameworkNext.js
◆
StylingTailwind CSS
◆
AnimationGSAP
◆
Smooth ScrollLenis
◆
HostingVercel
◆
─── Feature Breakdown ───
01
Ceremony Chapters

Every ceremony gets its own colour — soft pink for the Tilak, turmeric yellow for the Haldi, silver for the Sangeet and lavender for the Shaadi.

02
Scroll-Driven Reels

Vertical scrolling drives horizontal photo reels, so each moment unfolds frame by frame.

03
Colour on Focus

Photos rest in black and white and bloom into colour as they reach the centre of the screen, pulling the eye to one memory at a time.

04
Bilingual Chapters

Hindi titles in Devanagari with English translations for every ceremony and moment, so guests from both families can follow along.

05
Responsive

Every chapter is designed to work as well on a phone as on a laptop.

─── Mission Outcome ───
Mission Complete← Back to Base