# Era Collection: a ring that ends in a configurator

> A jewelry landing page where you scroll through the story of one piece and arrive at a configurator to refine metals, stones and details in real time.

Canonical page: https://andersonmancini.dev/blog/era-collection-jewelry-landing

Published: 2026-08-24 · 1 min read · Tags: three.js, webgl, jewelry, configurator, launch

Luxury storytelling usually ends with a button that says "contact us". The Era Collection page ends with something more interesting: the visitor becomes the **stylist**.

![The Era Collection ring](https://andersonmancini.dev/images/era_collection.webp)

## How it flows

It starts as an editorial scroll through the story of a unique piece, with the pacing of a campaign. When the narrative lands, you arrive at a **configurator** where you refine metals, stones and details in real time, built with Three.js.

The ring is the subject of the page, and the configuration is where the story turns into participation: the hero piece is treated like a campaign first, and then you get your hands on it.

## Try it

The page is live at [era-collection.vercel.app](https://era-collection.vercel.app/), and the details are on the [project page](https://andersonmancini.dev/projects/wear-history.md).

## Related projects

- [Wear History](https://andersonmancini.dev/projects/wear-history.md) — Era Collection landing page