Der Auftritt für alles, was vor dem Kauf erklärt werden muss.
Novardt ist das Template für Agenturen, Studios und Freelancer. Neun Seiten auf dunkler Bühne: Aurora-Canvas im Hero, Bento-Leistungen, Beispiel-Cases mit Metriken, drei Preis-Pakete mit Care-Plan und ein Prozess mit festen Phasen. Per Chat wird daraus dein Studio.
Für alle, die selbst bauen. Du bekommst den kompletten Code als ZIP. Lieber fertig übernehmen?
Novardt entstand aus einem Ärgernis: Agentur-Websites reden über Kreativität und verschweigen Preise, Prozesse und Ergebnisse. Die Vorlage macht das Gegenteil. Feste Pakete stehen offen auf der Seite, der Prozess hat vier Phasen mit Terminen, und jeder Beispiel-Case trägt seine Metriken. Das Studio Novardt aus Leipzig ist erfunden, das System dahinter ist der Wert.
Jede Entscheidung steht als Begründung im Template: Warum trägt das Logo-Band sichtbar den Vermerk, dass es Platzhalter sind? Warum tragen die Cases sichtbar ein Beispiel-Badge? Warum arbeitet das Team mit Initialen-Kacheln statt Stock-Fotos? Deine KI liest diese Regeln und arbeitet in ihrem Sinn weiter.
Das Ergebnis ist ein Auftritt, der Kompetenz ausstrahlt, ohne zu blenden. Genau an der Stelle, an der sonst die echten Projekte kommen, übernimmst du.
Die Startseite von Novardt wandert beim Scrollen mit. Jede Station erklärt, warum eine Sektion so gebaut ist.
Wort für Wort baut sich die Headline auf, dahinter zieht eine Aurora-Ebene ruhige Bahnen, daneben steht ein Laptop-Mockup aus reinem CSS. Dunkel, ruhig, souverän.
Ein laufendes Band mit Platzhalter-Logos direkt unter dem Hero. Ehrlicher Vertrauensbeweis über der Faltkante, und der Käufer tauscht acht Namen gegen seine eigenen.
Zwei Karten stellen typische Projektprobleme dem Novardt-Prozess gegenüber: Festpreis, fester Termin, feste Ansprechpartner. Fair formuliert, ohne Wettbewerber zu nennen.
Vier Phasen mit Dauer und Ergebnis, als asymmetrisches Kachel-Raster. Wer weiß, was wann passiert, unterschreibt eher.
Beschriftete Beispiel-Stimmen mit Initialen-Kreisen, dann die wichtigsten Fragen vorab. Der Abschluss führt ins Erstgespräch.
Du kaufst keine Startseite mit Versprechen, sondern eine komplette Website. Jede Unterseite ist fertig gestaltet und getextet.
Die meisten Agenturen verstecken Preise hinter Kontaktformularen. Novardt stellt drei Pakete mit Festpreisen auf die Seite, markiert das mittlere als Empfehlung und hängt einen Care-Plan für die Zeit nach dem Launch an. Die Preis-Logik ist Datenstruktur: Deine KI tauscht Beträge, Leistungen und Laufzeiten, ohne das Layout anzufassen.
Starter, Business und Premium leben in site.ts mit Features, Preis-Notiz und Hervorhebung. Ein neues Paket ist ein Array-Eintrag.
Die monatliche Begleitung hat ihre eigene Karte samt Leistungen. So entsteht wiederkehrender Umsatz direkt aus der Preisseite.
Dauer, Kosten, CMS, Bestandsseiten: die Fragen vor der Anfrage sind beantwortet, bevor sie gestellt werden.
Kauf das Template und bau es selbst um, oder lass es uns gemeinsam für dich fertig machen.
Die fertige Website, ihr Wissen und sieben Skills in einem ZIP.
ai-website-template-novardt.zip Sofort-Download Eine Agentur rechnet für so eine Website vierstellig ab.
Du bekommst den Projektordner als ZIP und baust ihn selbst um. Dafür brauchst du einen Code-Editor und ein KI-Werkzeug wie Claude Code. Der Weg dahin steht in der Dokumentation.
Sichere Zahlung über Stripe, das ZIP kommt direkt danachLieber fertig übernehmen? Beim AI Website Service für 799 € bauen wir deine Inhalte ein und schalten dich live. ai-website.com bespricht das im Termin mit dir.
Ein Template wird gut, wenn es sich entscheidet. Novardt ist auf eine Nische zugeschnitten, und ehrlich, wo es nicht passt.
Andere Branche? Alle Templates ansehen
Über die Hälfte der Besucher kommt mobil, bei Notfällen fast alle. Novardt ist dafür gebaut, nicht dafür zurechtgestaucht.
Du kaufst keine Vorlage, sondern ein Template. Website, Wissen und Skills, sofort einsatzbereit für dich und deine KI.
src/data/site.ts Die eine Inhaltsquelle. Leistungen, Preise, Cases, Team, Prozess und FAQs als Datenstruktur src/pages/ Neun Seiten, die nur aus der Datenquelle lesen. Neue Leistungen und Pakete entstehen als Array-Eintrag src/styles/global.css Alle Tokens im @theme-Block: dunkle Bühne, eine Aqua-Familie, Linien und Karten. Ein Markenwechsel ist eine Token-Änderung src/layouts/Layout.astro SEO-Kopf mit ProfessionalService-Schema plus das komplette Animationssystem aus GSAP und Lenis styleguide.html Der Styleguide im Browser. Farbwelt, Akzentschrift, Buttons, Karten und Glow-Orbs CLAUDE.md Die Guideline. Wie Novardt denkt, gestaltet und schreibt, inklusive der Referenz-Regeln Wissen/ + .claude/skills/ Vier Wissens-Dateien und sieben Skills, von Start bis Qualitätsprüfung BILDNACHWEIS.md Alle Motive mit Quellen und Ersetzungsregeln, inklusive der Team-Foto-Pflicht vor dem Livegang So arbeitest du mit den Skills. Du schreibst, deine KI baut um.
„Mach aus Novardt die Website meines Studios für Shopify-Shops in Hamburg.“
„Schreib die Leistungsseite auf mein Angebot um: Branding, Webdesign und Betreuung.“
„Optimiere Titel und Beschreibungen auf die Suche nach Webdesign Dresden.“
„Die Akzentfarbe soll Richtung Bernstein wandern, Kontraste bitte mitziehen.“
„Ich habe vier Pakete statt drei, führ mich durch den Umbau.“
Drei Schritte, keine Agentur-Warteschleife. Du brauchst Node.js, einen Editor und eine Stunde Neugier.
ZIP öffnen, Ordner in Claude Code öffnen, npm install und npm run dev. Neun Seiten laufen sofort unter localhost.
Die CLAUDE.md erklärt deiner KI die dunkle Bühne und die Referenz-Regeln, die sieben Skills wissen, wie man alles pflegt.
Der Skill Template-Aufbau führt durch den Umbau auf dein Studio, mit Null-Treffer-Beweis. npm run build erzeugt statisches HTML für jeden Webspace.
Novardt bringt sein Wissen und seine Skills mit, damit deine KI die Website versteht, statt sie kaputt zu raten.
Node und idealerweise Claude Code. Einmal npm install, dann npm run dev für die Vorschau und npm run build für die fertige Seite. Das Ergebnis ist statisches HTML, das jeder Webspace ausliefert.
Novardt, das Team, alle Zahlen und die sechs Beispiel-Cases sind Platzhalter und im Template als solche markiert. Der Skill Template-Aufbau führt durch den Umbau auf dein echtes Studio, inklusive Null-Treffer-Beweis.
Ja. Die Struktur trägt beides: Team-Kacheln lassen sich auf eine Person reduzieren, der Prozess und die Pakete bleiben. Viele Freelancer treten bewusst als Studio auf, die Vorlage macht genau das glaubwürdig.
Alle Farben leben als Tokens im @theme-Block, die Regeln dazu stehen in CLAUDE.md und im Skill Design-System. Deine KI wechselt die Akzentfamilie, prüft die Kontraste auf dunklem Grund und zieht den Styleguide mit.
Bewusst als Platzhalter markiert: Jeder Case trägt sichtbar ein Beispiel-Badge, die Metriken sind erfunden und in der Guideline als solche festgehalten. Eigene Projekte trägst du mit echten Zahlen und Freigaben ein.
Als leere Platzhalterseiten im Template-Design, bewusst ohne Rechtstexte, denn das wäre Rechtsberatung. Beide Seiten sind noindex und erklären ihre eigene Befüllung. Deine geprüften Texte trägst du ein, dann entfällt das noindex.
Das Formular ist bewusst ohne Versand angelegt und wird beim Umbau an deinen Mailer, dein CRM oder deinen Dienst gehängt, der Skill Template-Aufbau zeigt wie. Der Cookie-Dialog funktioniert sofort und lädt von sich aus nichts.
Ja, komplett. Einmal zahlen, ZIP erhalten, anpassen und für dein Projekt einsetzen. Für immer deins, ohne Baukasten-Grenzen und ohne Wasserzeichen.
Die Website selbst ist deutsch, ihr Zielmarkt auch. Guideline, Wissensordner und Skills bekommst du wahlweise auf Deutsch oder Englisch, deine Anweisungen an die KI funktionieren in beiden Sprachen.
Das komplette Template liegt fertig als ZIP bereit. Kauf es direkt oder schau dir vorher noch einmal an, was alles drin ist.
Wir möchten mit Google Analytics verstehen, wie diese Seite genutzt wird, geladen über den Google Tag Manager. Vor deinem Ok wird nichts geladen und kein Cookie gesetzt. Deine Wahl kannst du jederzeit im Datenschutz ändern.
Wähle selbst, was aktiv sein darf. Deine Auswahl kannst du jederzeit im Datenschutz ändern.