Overview
The story
A scroll-driven website for a chocolate gift house in Riyadh. One golden ribbon runs from the knot in the logo to the bow in the footer.
Scroll and the box unties itself, the lid lifts and fifteen pieces of chocolate come into view. The ribbon then leads into four occasions (weddings, newborns, graduation and Eid), a box builder where visitors pick a size, flavours and a note, and a corporate gifting page.
What I built
- A single golden ribbon that guides the whole scroll story
- Box that unties and opens frame by frame
- Four occasion chapters with their own colour and mood
- Interactive box builder: size, flavours and a personal note
- Corporate gifting section
- Statically prerendered and fully responsive
15Chocolate pieces animated
4Occasions
1Continuous ribbon
Built with Next.js / React / GSAP / ScrollTrigger / Lenis / Vercel