Skelmet store: a 3D skull that follows your scroll

Client: Skelmet · My role: design and build of the online store · Built with: Next.js and Three.js · Live: skelmet.in

The product is a 3D-printed flame skull, so the store opens on the skull itself, in 3D. You can drag it to spin it. Scroll, and it turns, drops out of the hero and lands on its own card in the lineup, where it becomes the product photo.

The page never stops selling the thing it's about.

Under the hero, the page answers a first-time buyer's questions in the order they ask them: which skull, why bother, will it hold, what does it look like up close, and how do I pay.

The same store at phone size: the 3D hero, the skull flying into the lineup, and a buy button that stays in reach.

Next.js for the store: the shop, product pages, cart and checkout flow.

Three.js for the skull: a real-time model you can drag, which also moves with the scroll.

The brand system from the identity I designed: orange and near-black, with an acid-green accent for anything you can buy.

The identity, packaging and imagery have their own Skelmet case study on my profile.