ALL CASE STUDIES2026
LUXURY LANDINGART DIRECTIONMOTION3D PRESENTATION

KAIROS

A landing page for a limited watch run — 300 pieces, pre-orders before release

CLIENT
KAIROS watch brand
TIMELINE
3 weeks
YEAR
2026
SERVICES
Design concept · Motion design · Frontend · Optimisation
[ 01 ]THE BRIEF

What the client came with

The brand was launching a limited run of 300 pieces. The goal was to collect pre-orders before release by selling not the specs but the feeling of an object you want to hold.

The old site was a catalogue: a product grid, filters, comparison tables. For a limited run that format killed the one thing that mattered — the sense of rarity and occasion.

[ 02 ]THE SOLUTION

What the studio did

We built a site that behaves like a film. One product, a dark stage, lighting borrowed from still-life photography. The dial assembles itself as you scroll: hands, bezel, the engraved serial number — every detail gets its own frame.

There is almost no copy — typography, movement and pauses do the work. The pre-order is down to two steps: pick your piece number and pay the deposit. No carts, no accounts.

[ 03 ]SCOPE OF WORK

What the result was made of

01

Art direction and visual language

Stage, light, frame rhythm and typography — one system that makes the product look more expensive than it does in studio renders.

02

Scroll choreography of the product

The dial assembles on scroll: a frame-by-frame sequence with smooth speed control and pauses on the details.

03

A two-step pre-order path

Pick a piece number from the live grid of the series, then pay the deposit. The form does not interrupt the experience — it completes it.

04

Performance with no compromises

Lazy-loaded scenes, adaptive assets and first-frame priority: a 1.1-second LCP on ordinary 4G.

[ 04 ]INTERFACE · DESKTOP / MOBILE
DESKTOP · 1440A LIVE INTERFACE, NOT A PICTURE
MOBILE-FIRST · 390
[ 05 ]RESULTS
+38%
pre-orders above the launch plan
12 days
to sell out the entire run
96
Lighthouse Performance
STACK:Next.jsTypeScriptMotionGSAP ScrollTriggerTailwind CSS

Need a similar result for your business?

We’ll break down your task the same way we did this one: structure, visual direction and a quote — in a single day.