02Luxury e-commerce

Interactive Jewellery Experience

The interactive jewellery experience: an emerald necklace turning above a black bust, “Nothing is accidental.”

A jewellery shopping experience designed around movement, atmosphere and product discovery.

An experimental jewellery storefront built around one idea: the product should move. A necklace turns from diamond to emerald as the visitor scrolls, and the collection opens from there.

Industry
Luxury e-commerce
Capabilities
E-commerce, Interaction design, Motion, Frontend development
Live site
jewel-gamma-liart.vercel.app

The case

The case

01The challenge

Jewellery online is usually a grid of product photographs on white. The craft, the light and the scale of a piece are lost before anyone clicks.

02The approach

We treated the product as the interface: a scroll-driven sequence of the piece in motion, an atmosphere of black and light, and ways to discover the collection (lines, a concierge search) that follow the story rather than interrupt it.

03The result

A jewellery shopping experience designed around movement, atmosphere and product discovery, with thirty product pages and a demonstration cart and checkout.

Creative direction

A black stage, one light and serif statements: the piece is the only colour.

What was built

What was built

  1. 01

    A necklace that turns from diamond to emerald as you scroll

  2. 02

    A concierge search that reads a whole sentence

  3. 03

    Three collections and thirty product pages

  4. 04

    A cart and checkout, built as a demonstration

The interactive jewellery experience: the opening frame, “Light, held still.”
Light, held still.
The interactive jewellery experience: “What each line opens and closes with”, pieces from each line.
What each line opens and closes with.

Capabilities and technology

Capabilities

  • E-commerce
  • Interaction design
  • Motion
  • Frontend development

Technology

  • Scroll-driven frame sequence
  • Sentence-based product search
  • Cart and checkout flow (demonstration)
  • Deployed on Vercel

Start a project

Have an idea worth
building?

Tell us what you’re imagining. We’ll help turn it into something people remember.

Or write to uscontact@scribeostudio.onlineWhatsApp (opens WhatsApp in a new tab)