← All work
3D product landingLive2026

NIRA

A botanical body wash, launched as a scroll-driven 3D story.

vssemwal2004.github.io/bodywash
NIRA screen
Overview
A product launch page where a real-time 3D bottle rotates, travels and changes colour across six scroll chapters — formula, spin, three scents, ritual and shop.
Stack
Three.jsLenisHTMLCSSJavaScript
Delivered by
TasklyTech Solutions — design, engineering and deployment.
01

The problem

A new personal-care brand needed a launch page that feels premium and tactile without a heavy app or video files.

02

What we built

  • Real-time Three.js bottle that morphs colour per scent
  • Six scroll chapters with smooth Lenis scrolling
  • Responsive desktop, laptop and mobile layouts
  • Zero-build static site — instant hosting
03

How it flows

  1. Scroll
  2. Lenis
  3. Three.js scene
  4. Bottle shader
04

More screens

Rotating bottle section
Rotating bottle section
Aloe scent section
Aloe scent section
Rose scent section
Rose scent section
Next projectA.H. Wheeler — Between Stations