RetailGuard, 5 real 3D landing pages

Every page is one continuous three.js scene driven by scroll, patterned on award winning sites. Best on desktop. All figures illustrative, forms live and tagged.

V1

Through The Shop

The camera flies through a 3D corner shop as you scroll: down the aisle past products glowing red where money leaks, to the till, to the dashboard wall.

scroll camera path300 product cubesIgloo pattern
V2

The Data Pipeline

Six hundred glowing particles stream out of a 3D till, through a pulsing reader ring, and condense into floating insight slabs. A shader noise sky behind it all.

particle flowGLSL backgroundCula pattern
V3

Dashboard Assembly

Twenty five scattered pieces fly together as you scroll and become a floating 3D dashboard, one bar glowing red. Then the camera slowly orbits what it built.

exploded assemblyorbit finaleDucati pattern
V4

The Margin Leak Dive

A dark descent through 800 suspended products. Red leaks flip green as you pass them while a counter ticks up the money recovered.

camera divered to greenlive counter
V5

Barcode City

A night flyover of a city whose buildings are barcode bars sized by sales. The camera banks around the red district where products sell below target, a scanner beam sweeps the grid.

city flyover6 districtsscanner beam

Older batches: the clean conversion set lives at rg-landing-lab.pages.dev. A Dribbble style set is coming next.