Skip to content
[SL: 01]Concept 01 / 02

Concept · fictional brand

Zeroth

A search studio that promises to make you the answer. So the site plays out the climb.

  • Search & AI visibility studio
  • I&D Studio · Websites
  • October 2026
Open the live demo (opens in a new tab)
Zeroth concept website, opening screen (screenshot)
[SL: 02]The brief

The brief

Zeroth is an invented SEO and AI-visibility agency from Cologne. The brief we set ourselves: make an abstract service (rankings, map packs, AI citations) visible and tangible, without one stock photo, and let the scroll itself make the sales argument.

Fiction, labelled

Zeroth is a fictional brand. Its clients, rankings and results are invented for this demo and labelled as illustrative on the site itself.

Type
Self-initiated concept
Fictional company
Search & AI visibility studio
Built
October 2026
Built by
I&D Studio · Websites
Built with
  • React
  • Three.js · React Three Fiber
  • Custom GLSL shaders
  • GSAP ScrollTrigger
  • Lenis
  • Vite
[SL: 03]What we built

Six moments worth the scroll.

The demo’s key moments, in order. Every screen is a capture of the live site.

  1. (01) / 06

    A lens on the headline

    A real-time glass lens drifts across “Be the answer.” and refracts the type. Inside the letters, the search queries real customers type scroll past.

    Zeroth concept: A lens on the headline (screenshot of the live demo)
  2. (02) / 06

    The climb, as a film

    A scroll-scrubbed 3D sequence: a query is typed, one result climbs from deep in the results to number one, and then an AI answer moves in above it. The film carries the argument.

    Zeroth concept: The climb, as a film (screenshot of the live demo)
  3. (03) / 06

    Above number one

    When the result is cited inside the AI answer, the story has reached its point, and the film ends on it.

    Zeroth concept: Above number one (screenshot of the live demo)
  4. (04) / 06

    Night turns to day

    On “There’s a place above number one.” the page flips from dark to light and the Zeroth mark settles. A theme change used as a narrative beat.

    Zeroth concept: Night turns to day (screenshot of the live demo)
  5. (05) / 06

    Six services, six instruments

    Each discipline gets its own live illustration: a crawl tree for technical SEO, a question map for content, a map-pack grid for local search, an AI answer with its sources.

    Zeroth concept: Six services, six instruments (screenshot of the live demo)
  6. (06) / 06

    Honest by design

    Every illustrative figure and every fictional client is labelled where it appears, and market data carries its source. A demo that doesn’t pretend.

    Zeroth concept: Honest by design (screenshot of the live demo)
[SL: 04]On a phone

Same story. One hand.

Recomposed for one hand, not shrunk: the lens, the climb and the six instruments all run on a phone.

  • Zeroth concept on a phone, screen 1 of 3 (screenshot)
  • Zeroth concept on a phone, screen 2 of 3 (screenshot)
  • Zeroth concept on a phone, screen 3 of 3 (screenshot)
Next step

Bring the bottleneck. We’ll bring the blueprint.

Tell us what you want to build or fix. We’ll show you exactly how we would approach it: systems, media, or both.

Let’s build the engine.

Book a Strategy Call
(03) Regensburg
local time
(04) Response
We reply within 1 business day.

Most agencies automate. Most studios create. We do both.