0%

setting up the desk...

Viki — Frontend Developer

Chennai / IN

Say Hi
Verdana project cover
Livepersonal

Verdana

Nature retreat booking platform

2026Solo Developer7 technologies

An immersive nature-retreat booking experience with a WebGL water-ripple shader, fog parallax, scroll-scrubbed video and a sound-driven loading screen.

Stack

Next.jsThree.jsWebGLGSAPLenisWeb Audio APITailwind CSS
📋 Case Study

The Goal

Make booking a retreat feel as calm and immersive as the stay itself.

The Approach

  1. Wrote a WebGL water-ripple shader and a touch bridge so it works on phones.

  2. Combined fog parallax, scroll-scrubbed video and CSS parallax overlays.

  3. Built a loading screen with a cloud-formation animation and Web Audio sound.

The Result

A polished, atmospheric booking site live on Vercel.

Challenge

Layering many heavy effects (shader ripples, video scrubbing, parallax, audio) into one cohesive experience, and making the water-ripple respond properly to touch on mobile.

Outcome

A complete, cohesive experience with its own design system (forest green and gold, Cormorant Garamond + Jost), a cloud-formation loader and a mobile touch bridge for the ripple effect.