Das ist, was das Kit verändert.
Claude oder Codex können absolut dabei helfen, eine Seite wie diese aufzubauen. Was sie allein nicht mitbringen können, ist unser aktuelles Motion-Vokabular, unsere Performance-Haltung, Brand-Register und Shipping-Gedächtnis. Der spürbare Unterschied liegt nicht bei „KI versus kein KI“. Er liegt bei System versus Einmal-Output.
Das Modell ist der Multiplikator. Das Kit ist das Gedächtnis.
Das Kit gibt der Seite eine Haltung, bevor der Prompt überhaupt beginnt.
Das sind keine abstrakten Versprechen. Es sind die praktischen Schichten, die uns von „Kann das Modell das imitieren?“ zu „Können wir das wiederholt ausliefern, ohne dass es auseinanderfällt?“ bringen.
Wiederverwendbares Motion-Vokabular
Das Kit weiß bereits, was ein Hero-Reveal, ein Proof-Strip, ein Navigations-Übergang, ein Markenzeichen oder eine 3D-Bühne bedeutet. Wir komponieren aus einer Bibliothek heraus, anstatt während des Builds ein Benennungsschema zu erfinden.
Produktions-Haltung, nicht Demo-Haltung
Recipes tragen Performance-Stufen, Lieferungsoberflächen und Reduced-Motion-Verhalten. Das verändert, wie zuversichtlich wir uns von screenshot-würdig zu auslieferungsbereit bewegen können.
Markenbewusste Komposition
Wir können entscheiden, wann Motion sich redaktionell, industriell, premium-dunkel oder launch-orientiert anfühlen soll – weil das Kit uns wiederholbare Primitive statt einmaliger Effekt-Fragmente gibt.
Gedächtnis, das den Prompt überlebt
Die mühsam gewonnenen Fixes bleiben im Kit: Spacing-Rhythmus, Hover-Gefühl, Cleanup-Hooks, Fallback-Verhalten und die genauen Stellen, die letztes Mal beim ambitionierten Vorhaben gebrochen sind.
Ein echtes Inventar über Text-, Scroll-, Bild-, SVG-, Interaktions-, Brand-, Kompositions- und 3D-Kanäle.
Das Modell wählt aus einem benannten System heraus – es erfindet Effekte nicht jedes Mal neu aus dem Nichts.
Eine Motion-Sprache, die in No-Build-HTML, WordPress, React, Vue, Solid und Svelte-Flows ausgeliefert werden kann.
Klein genug, um wiederholt ausgeliefert zu werden – nicht nur in einem isolierten Hero-Experiment zu bewundern.
Der eigentliche Unterschied ist Wiederholbarkeit.
Ein starkes Modell kann beeindruckenden Einmal-Code erzeugen. Unser Kit ist das, was das Ergebnis kohärent, belastbarer unter Randbedingungen und auf dem nächsten Briefing wiederverwendbar macht – ohne dieselben Lektionen neu lernen zu müssen.
Das Modell arbeitet innerhalb eines echten Systems.
Recipes sind bereits benannt. Delivery-Oberflächen sind bereits definiert. Motion kann nach Ton, Performance und Host-Kontext ausgewählt werden, anstatt aus einer visuellen Referenz improviert zu werden.
Das Modell löst dasselbe Motion-Problem erneut von null.
Es kann trotzdem etwas Gutes produzieren. Aber die Recipe-Entscheidungen, Fallback-Verhalten, Cleanup-Haltung und Benennungsdisziplin werden nicht von einem wiederverwendbaren Haus-System geerbt – es sei denn, das Kit ist vorhanden.
Wir starten mit einer bewährten Recipe-Map mit definierten Rollen, Performance-Stufen und Lieferungsgrenzen.
Ein Modell kann einen frischen Effekt entwerfen, beginnt aber auf einem leeren Blatt und erfindet dieselben Schichten oft jedes Mal anders.
Reveal-Timing, Counter-Verhalten, Brand-Interaktion und CTA-Motion teilen alle dieselbe visuelle Grammatik.
Prompt-only-Output liefert meist Motion-Inseln: individuell beeindruckende Teile, die sich nicht wie ein System anfühlen.
Reduced-Motion, Cleanup und ruhigere Lieferungspfade sind bereits Teil der Implementierungsoberfläche.
Diese Randfälle sind leicht zu vergessen, wenn das Modell sich darauf konzentriert, den Wow-Moment einer Referenz nachzubilden.
Sobald ein Muster funktioniert, können wir es über Services, Case Studies, WordPress-Exporte und zukünftige Kunden-Builds hinweg wiederverwenden.
Selbst guter Einmal-Code bleibt meist seitenspezifisch. Der nächste Build beginnt die Lernkosten erneut.
Die Seite ist der Output. Das eigentliche Asset ist das System dahinter.
Das Register wählen
Industriell, redaktionell, launch-orientiert oder premium-dunkel. Motion beginnt mit Ton, nicht mit Effekten.
Das Recipe-Set auswählen
Safe, Flagship, Experimental, Hero-only oder WordPress-safe. Das Kit schränkt die Oberfläche ein, bevor Code geschrieben wird.
Den Abschnitts-Stack komponieren
Hero, Proof, Narrative, CTA und Seiten-Chrome ziehen alle aus demselben Motion-Vokabular.
Die Auslieferungs-Haltung validieren
Performance, Reduced-Motion und die echte Host-Oberfläche zählen genauso viel wie der erste visuelle Eindruck.
Ohne Drift wiederverwenden
Das nächste Projekt startet nicht bei null. Es startet mit einem Kit, das bereits erinnert, was funktioniert hat.
Die Erklärungsoberfläche in eine Routing-Oberfläche verwandeln.
Der nächste Schritt besteht nicht darin, mehr Adjektive hinzuzufügen. Es geht darum, diese Seite den richtigen Interessenten in die richtige Schicht des Systems zu leiten: Kit, Builder, Studio-Nachweis oder vollständige Client-Lieferung.
Motion Kit
Die Recipe-Schicht: benannte Motion-Primitive mit Performance-Stufen, Lieferungspfaden und Fallback-Haltung, bereits definiert.
Builder-Intelligenz
Die Eingrenzungsschicht: segmentbewusste Defaults, Style-Studien, Typografie-Anpassung und sicherere Recipe-Auswahl, bevor eine Seite zusammengestellt wird.
Studio-Nachweis
Die Übersetzungsschicht: Unsere eigene Website beweist, dass das System Brand-Voice, ausgelieferte Projekte und Service-Details in einer visuellen Sprache halten kann.
Client-Lieferung
Die bezahlte Projektschicht: Dasselbe System wird als echtes Website-Engagement ausgeliefert, anstatt als internes Einmal-Experiment zu verbleiben.
Wo das Kit anfängt zu wirken – und wo der breitere Studio-Stack übernimmt.
Ausreichend für schnelles Konzeptieren
Einzelne Hero-Ideen, Copy-Experimente, grobe Layout-Exploration und Einmal-Referenzen, bei denen Konsistenz noch nicht das Produkt ist.
Wo der Unterschied sichtbar wird
Sobald die Seite wiederkehrende Motion-Grammatik über Hero, Proof, CTA, Navigation und Brand-Verhalten hinweg braucht, verhindert das Kit, dass der Build fragmentiert.
Wenn Segment-Passung zählt
Wenn die Frage nicht nur Stil, sondern Struktur und Motion-Register ist – welches für ein Restaurant, Maschinen-B2B, eine Klinik oder eine Agentur passt –, wird die Builder-Schicht zur eigentlichen Hebelwirkung.
Wenn es die Produktion überleben muss
Echter Copy, echte Content-Hierarchie, CMS-Entscheidungen, Performance-Haltung, Analytics und Stakeholder-Anforderungen – das ist, wo der vollständige Studio-Workflow übernimmt.
Drei konkrete Wege aus der Nachweis-Seite.
Die Seite erklärt jetzt das System. Der nächste Schritt ist, den Follow-up offensichtlich zu machen: segmentspezifisches Briefing, motion-geführter Site-Build oder 3D-Markenfläche der Signature-Klasse.
Segmentspezifischer Nachweis vor dem vollständigen Build.
Am besten, wenn der Kunde sehen muss, wie sich seine Branche anfühlen soll, bevor eine echte Sitemap oder ein Produktionsumfang festgelegt wird. Hier arbeiten Builder und Kit zusammen.
Restaurants, Fitnessstudios, Maschinen-B2B, Gesundheitswesen, Agenturen, SaaS und andere nischengetriebene Verkaufsgespräche.
Motion-geführtes Web-Design, das wirklich ausgeliefert wird.
Am besten, wenn die Oberfläche kein Konzept mehr ist und echten Inhalt, Umfang, Revisionen, Deployment und eine Vorlaufzeit braucht, der der Kunde zustimmen kann.
Einstieg ab €1,900. Signature Motion + 3D liegt aktuell bei €8,000–€12,000.
Starter: 1 week. Pro: 3–5 weeks. Custom: 6–12 weeks. Enterprise: 12–24 weeks.
3D-Markenflächen, wenn das Objekt der Differenzierungsfaktor ist.
Am besten, wenn das Markenzeichen selbst das Premium-Gefühl tragen soll – nicht nur die Seite darum herum. Genau hier erstreckt sich das Motion-System auf GLB, Material-Studien und inszenierten 3D-Nachweis.
Der Live-3D-Logo-Showcase demonstriert, wie dieselbe Motion-Sprache von 2D-Interaktion und Copy-Rhythmus in 3D-Markenpräsentation übergehen kann.
KI hilft uns, schneller voranzukommen. Das Kit ist der Grund, warum das Ergebnis trotzdem nach uns klingt.
Wer eine Seite möchte, die sich bewusst anfühlt statt nur generiert, der findet die eigentliche Arbeit nicht allein im Prompt. Sie liegt im Motion-Vokabular, den Lieferungsbeschränkungen, den Nachweis-Schienen und den Brand-Entscheidungen, die bereits in wiederverwendbare Bausteine umgewandelt wurden.