Gallery pattern
Draggable Product Grid
A whole collection on one draggable sheet, any product a click from centre stage.
This is the real effect, not a video. Scroll, drag and click inside it.
The Draggable Product Grid lays the entire catalogue on a sheet far larger than the screen and hands the visitor the sheet itself. They drag in any direction through a field of floating products, and clicking one slides the whole grid aside while that product glides out to a details panel, cut out on a clean background as if lifted off the page.
When to use it
Built here as a fragrance house, it suits any shop with a compact, beautiful catalogue: perfume, eyewear, ceramics, jewellery, watches. It works best between six and twenty products photographed as cutouts, because the floating objects are the whole aesthetic.
Why it works
Browsing becomes rummaging. Dragging through a field of objects feels like moving things around on a counter, which keeps visitors exploring far longer than a paged grid. And because the clicked product physically travels to the detail view, the visitor never loses the thread between list and item, there is no jarring page change to survive.