Creative Technology

Interaction that serves the story: expressive front-ends that stay fast, accessible and measurable.

The dots near your cursor lean toward it by a few pixels and settle back. Scroll moves the camera through the layers.

The studio’s own homepage, in motion.

A recording of the real page, not a render: particles holding the brand mark, answering the cursor. It is an internal experiment, not client work.

Internal experiment
Internal experiment · Drupal Authority homepage. Nine seconds, muted, looped; one tick of the ruler is one second. The clip pauses with the control and never plays under reduced motion.Screen recording of the studio’s own homepage, October 2026.
  • Flat discs at real positionsEvery dot sits at its own distance from the camera; the depth you see comes from distance, not from effects.
  • The cursor pulls, gentlyDots near the cursor lean toward it by a few pixels and settle back. The mark itself stays legible.
  • Scroll rebuilds the swarmAs the page scrolls, the same dots form the next shape; scroll back and they return to where they were.
ANKOM camera-repair hub: wireframe camera model with numbered call-outs
Camera hub — the 3D model plays once, call-outs name the repairs.Screenshot of the live site, captured by the studio on 2026-10-15 from an English-text copy of it (the interface text is translated; the pages, scripts, 3D models and photographs are the live site’s).

3D, used once and with a reason.

On the ANKOM homepage, as you scroll, a camera turns, numbered call-outs explain what gets repaired, the lens becomes a tunnel and a drone flies out.

The service hubs reuse the idea at lower cost: a wireframe model plays once, then tiles of real repair photos come alive on hover.

In scope

  • WebGL / Three.js / R3F

Seen in ANKOM: a lightweight 3D scroll-story on the camera and drone hubs.

Scroll as choreography.

The homepage opens with a pinned scene: the hero gives way to six services one by one, then to the booking call.

With reduced motion the page simply unfolds — the content is the same.

In scope

  • Motion systems (GSAP)
  • Interactive storytelling

Seen in NADIIA: a pinned opening scene; with reduced motion the page simply unfolds.

NADIIA homepage: gold serif wordmark “Your ideal manicure starts here” on cream
NADIIA homepage, the first screen of the pinned opening.Screenshot of the live site, captured by the studio on 2026-10-16 from an English-text copy of it (the interface text is translated; the pages, scripts and photographs are the live site’s).

Expressive, and still fast and accessible.

The service in plain words, independent of any effect: interaction that serves the story and stays usable on every device.

OutcomeMemorable experiences that remain usable.

  • Interaction that explains

    Timelines, easing and scroll choreography defined once and reused, so motion explains instead of decorating.

  • Depth with a reason

    Real-time scenes where depth carries the idea, always with a complete static version behind them.

  • Fast, accessible, measurable

    Expressive front-ends that stay fast, accessible and measurable. This site: one persistent renderer, with a complete static version for reduced motion and for browsers without WebGL.

Scope

  • Creative front-end (React / Next.js)
  • Motion systems (GSAP)
  • WebGL / Three.js / R3F
  • Interactive storytelling
  • Performance budgets & Core Web Vitals

NADIIA’s accessibility rules, so the atmosphere never costs usability: labels on every field, a dialog with focus trap for booking, reduced-motion fallback.

Interaction that serves the story. Let’s build it.