Sahtain A 3D landing page with a product that rotates on scroll for a Saudi water brand
The bottle is a real 3D model that turns as you scroll, not a picture or a video.
- 3D
- real model
- 360°
- scroll rotation
- RTL
- fully Arabic
- 0
- heavy libraries
The problem
Water is a clear, simple product; still photos make it look like any other bottle. Motion is what conveys the material.
Overview
A landing page for a Saudi water brand where the bottle is a 3D model that rotates as you scroll. Each section turns it to a new angle, so the visitor circles the bottle while reading.
What I built
- Quality certificates and figures right under the hero
- Features, sizes and FAQ sections
- A sticky order button and a WhatsApp button
- Light loading with no heavy libraries, so it runs well on phones
The engineering call
Tying the model’s angle to scroll position makes each section show a different face of the product, so the copy matches what the visitor sees at that moment.
