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.
Tell me what you are building.
Send the idea, the goal, and where you are stuck — I will come back with the clearest path from concept to a store or site that earns its keep.