# A Rolex-inspired watch with SSGI, SSR and the real time

> A concept for a luxury watch launch: metals and reflections with SSGI and SSR in real time, a configurator, and hands that follow your local clock.

Canonical page: https://andersonmancini.dev/blog/luxury-watch-ssgi-concept

Published: 2026-08-23 · 1 min read · Tags: three.js, webgl, ssgi, product, launch

A watch is mostly **metal and reflection**, and those are exactly the things that fall apart in a quick render. This concept, a realistic Rolex-inspired watch for a fictional product launch, was built to see how far screen-space techniques can carry premium metals in the browser.

![The watch of the concept page](https://andersonmancini.dev/images/rolex_landing_concept.webp)

## What carries the look

- **SSGI and SSR in real time** for the depth and shine of the metals.
- A **configurator** to refine the piece while the materials keep their depth.
- **Honest hands.** The dial syncs to the user's local time, so every visit shows the real clock.

## A launch concept

Lighting, reflection and interaction carry the same weight as the product itself. It is a concept, not an official launch of any brand.

## Related video

The same family of work has a video about a [scrollable watch page](https://andersonmancini.dev/videos/three-js-rolex-scrollable-page.md).

## Try it

The page is live at [rolex-demo-neotix.vercel.app](https://rolex-demo-neotix.vercel.app/), and the details are on the [project page](https://andersonmancini.dev/projects/realtime-watch.md).

## Related projects

- [Realtime watch](https://andersonmancini.dev/projects/realtime-watch.md) — Rolex-style launch with SSGI, SSR & live hands