Was ist das Struktered Atelier?

Ein öffentlicher Showcase aus fünf Experimenten auf eigener Infrastruktur: Cinema (3D-Surface), Produktseiten (Cinematic-Produktseite per Scroll), Brain-Globe (Knowledge-Visualisierung), Workflow-Pulse (Live-Monitoring) und Kinetic Voice (typografisches Scroll-Experiment). Demos, nicht Mockups.

Welche Demos gibt es derzeit?

Cinema ist hinter einem Zugangstor live (Einmal-Code per Mail), Produktseiten ist öffentlich ansehbar. Brain-Globe, Workflow-Pulse und Kinetic Voice sind als Skizzen geplant für Sommer 2026. Jede Demo zeigt eine Disziplin, die wir für Klienten bauen.

Auf welchem Stack laufen die Demos?

Astro 5, React 19, React Three Fiber, GSAP, Lenis, Three.js, Cohere Embeddings, n8n API, Cloudflare Pages. Dasselbe Stack-Set, das wir auch für Klienten-Projekte verkaufen. Kein Stock-WebGL, keine Library-Templates.

Showcase · Atelier

Fünf Demos. Auf der eigenen Infrastruktur. Statt Mockups.

Jedes Experiment zeigt eine Disziplin, die Klienten kaufen würden: Daten-Visualisierung, operative Transparenz, Markenhandwerk. Alle laufen auf dem gleichen Stack, den wir verkaufen.

Cinema anfragen

01 / Fünf Stücke

Experimente auf echter Infrastruktur.

Zwei Live-Demos, drei Skizzen.

Live Cinema Drei R3F-Szenen zur Brand-Voice. Scroll-getriggerte Kamera-Bewegung, Newsreader-Typografie in 3D, kein Stock-WebGL.

Stack

Astro · React Three Fiber · GSAP · Lenis
Live Produktseiten Scroll-gescrubbte Cinematic-Produktseite: ein Video wird in eine Frame-Sequenz zerlegt und Bild für Bild an den Scroll gekoppelt, die Copy erscheint synchron. Erstes Stück: eine Edelstahl-Automatik, die sich selbst zusammensetzt.

Stack

Astro · Canvas · GSAP ScrollTrigger · Lenis · ffmpeg
Skizze Brain-Globe Force-Directed-Graph der eigenen Wissensbasis. Knoten als Pillar-Cluster, Kanten als semantische Nähe. Live aus Supabase und Cohere.

Stack

Three.js · Cohere Embeddings · Cloudflare Pages Function
Skizze Workflow-Pulse Live-Visualisierung eines echten n8n-Workflows. Letzte Ausführung, Status, Dauer. Operator-Transparenz statt Mockup, kein sensitiver Inhalt exponiert.

Stack

D3.js · n8n API · Server-Sent Events
Skizze Kinetic Voice Die vier Prinzipien als typografische Scroll-Komposition. Ein Satz manifestiert sich, morpht in den nächsten. Brand-Voice als Demo statt als Behauptung.

Stack

GSAP ScrollTrigger · SplitType · Newsreader VF

02 / Hinweis

Cinema ist hinter einem Zugangstor.

Cinema läuft hinter einem einfachen Zugangstor (Einmal-Code per E-Mail). Das hält die Demo fokussiert und erlaubt uns, sie ungezwungen weiterzuentwickeln. Wer sehen möchte, schreibt kurz an [email protected].

03 / Häufige Fragen

Antworten auf das Naheliegende.

Was ist das Struktered Atelier?

Ein öffentlicher Showcase aus fünf Experimenten auf eigener Infrastruktur: Cinema (3D-Surface), Produktseiten (Cinematic-Produktseite per Scroll), Brain-Globe (Knowledge-Visualisierung), Workflow-Pulse (Live-Monitoring) und Kinetic Voice (typografisches Scroll-Experiment). Demos, nicht Mockups.
Welche Demos gibt es derzeit?

Cinema ist hinter einem Zugangstor live (Einmal-Code per Mail), Produktseiten ist öffentlich ansehbar. Brain-Globe, Workflow-Pulse und Kinetic Voice sind als Skizzen geplant für Sommer 2026. Jede Demo zeigt eine Disziplin, die wir für Klienten bauen.
Auf welchem Stack laufen die Demos?

Astro 5, React 19, React Three Fiber, GSAP, Lenis, Three.js, Cohere Embeddings, n8n API, Cloudflare Pages. Dasselbe Stack-Set, das wir auch für Klienten-Projekte verkaufen. Kein Stock-WebGL, keine Library-Templates.

Demos statt Mockups. Echte Infrastruktur statt Stock-Bilder.

Wer eine ähnliche Disziplin für die eigene Marke oder den eigenen Prozess sucht, sollte schreiben. Wir entscheiden anhand der Aufgabe, nicht anhand der Branche.

Anfrage senden Zur Methodik