EZI × O2PRO
A mobile-first Arabic landing page for a nano engine treatment, built around a real 3D can rendered in raw WebGL2 — about 64 KB in total.
سيارتك فقدت عزمها؟
EZI is a nano engine-treatment range sold on o2proshop.com. The brief asked for a problem router rather than a catalogue: the visitor picks the symptom their car has, and the page routes them to the product that fixes it.
The can is a real cylinder rendered in raw WebGL2 — 1152 triangles, one draw call — not a pre-rendered image sequence. A baked 30-frame turntable of the same can measured 459 KB and still only covered ±20° before the seam showed; one unwrapped label texture at 47 KB covers a full 360° and makes drag-to-spin free.
Nothing is pinned and the scroll is never hijacked: the can spins as it crosses the viewport, then scrolls away. Rendering stops entirely once it leaves the screen, and any device without WebGL2 gets the flat packshot instead.
