Neu im Marktplatz Der Auftritt für Beratung, die an Ergebnissen gemessen wird.
Hellwach ist das Template für Mindset- und Life-Coaching mit Haltung. Neunzehn Seiten in Flieder, Creme und Weiß, eine variable Schrift in Versalien bis zur Riesengröße, holografische Verlaufsflächen und Chips, die über dem Hero schweben. Drei Angebote mit eigenen Seiten, vier geschriebene Impulse aus einer Datendatei, Stimmen, FAQ und zwei Formularstrecken. Per Chat wird daraus deine Praxis.
Für alle, die selbst bauen. Du bekommst den kompletten Code als ZIP. Lieber fertig übernehmen?
Coaching-Websites sehen meistens nach Räucherstäbchen aus oder nach Konzernberatung. Hellwach nimmt den dritten Weg: eine Seite, die selbst wie ein klarer Kopf wirkt. Riesige Versalien, viel Weiß, ein einziges Violett und Flächen mit einem holografischen Schimmer, der nach App statt nach Praxis aussieht. Genau das zieht die Zielgruppe an, die viel denkt und wenig Geduld für Esoterik hat.
Der Ton gehört zum Produkt: kurze Sätze, offene Preise, eine eigene Sektion dafür, wann das Coaching nicht passt, und eine ehrliche Therapie-Abgrenzung. Jedes Zitat, jeder Fall und jede Kennzahl trägt sichtbar den Vermerk Beispiel, bis echte Inhalte dort stehen.
Technisch ist Hellwach die verspielteste Seite der Reihe, ohne eine einzige Bibliothek: Chips schweben über dem Hero, wandern auf Orbit-Bahnen um die Überschrift, Karten neigen sich unter dem Zeiger, Knöpfe ziehen sanft zur Maus. Alles von Hand, alles respektiert reduzierte Bewegung, und ohne JavaScript bleibt jede Zeile lesbar.
Die Startseite von Hellwach wandert beim Scrollen mit. Jede Station erklärt, warum eine Sektion so gebaut ist.
Ein Schimmer aus Rosa, Lavendel und Violett hinter Versalien in Riesengröße, davor schweben drei Chips. Die Sprechblase im Foto spricht den Besucher direkt an.
Ein Endlosband mit Platzhalter-Logos, das bei Berührung anhält. Der Käufer tauscht acht Namen gegen seine echten Referenzen und hat sofort einen Vertrauensbeweis über der Faltkante.
Ein Bento-Raster mischt Kennzahlen, Avatare und Fotos. Alle Werte tragen sichtbar den Vermerk Beispielwerte der Demo, bis echte dort stehen.
Um die Warum-Überschrift wandern Chips auf gezeichneten Bahnen, ohne Bibliothek, nur mit CSS. Das Erkennungszeichen des Templates.
Einzelcoaching, Gruppenkurs, Team-Workshops, jedes mit eigener Seite, Eckdaten und Preis. Die Vergleichstabelle steht auf der Angebotsseite.
Du kaufst keine Startseite mit Versprechen, sondern eine komplette Website. Jede Unterseite ist fertig gestaltet und getextet.
Hellwach bewegt sich wie eine moderne App: Chips schweben über dem Hero und wandern auf Orbit-Bahnen um die Überschrift, Karten neigen sich sanft unter dem Zeiger, Knöpfe ziehen zur Maus, ein Fortschrittsbalken läuft oben mit. Alles ist handgeschriebenes CSS und ein paar Zeilen Skript, keine Animations-Bibliothek, kein Framework. Wer reduzierte Bewegung eingestellt hat, sieht dieselbe Seite in Ruhe, und ohne JavaScript bleibt jede Zeile sichtbar.
Die wandernden Chips laufen über CSS-Motion-Path auf gezeichneten SVG-Bahnen. Deine KI ändert ein Wort im Chip und die Bahn läuft weiter.
Magnet-Knöpfe, Karten-Tilt und Zähler respektieren reduzierte Bewegung. Jede Zahl steht als fertiger Wert im Markup.
Der holografische Verlauf liegt als eine Klasse über Heros und CTA-Bändern. Ein Farbwechsel ist ein Token-Wechsel, kein Bild-Export.
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-hellwach.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. Hellwach 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. Hellwach 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 Name, Stadt, Kontakt, Navigation, Angebote, Stimmen, FAQ, Impulse und Kennzahlen an einer Stelle src/pages/impulse/ Vier geschriebene Impulse als Datenroute. Ein neuer Eintrag ist eine neue Seite samt strukturierten Daten src/pages/ Neunzehn Seiten, jede mit eigenem Hero-Konzept: Holo-Fläche, Karten-Chooser, Phasen-Stapel, Formular im Hero src/styles/global.css Alle Farben, Radien, Schatten und die Motion-Kurve als Tokens in :root, dazu Holo-Fläche und Reveal-System src/components/ Navigation mit Scroll-Fortschritt, blockierender Einwilligungsdialog, Footer mit CTA-Band public/fonts/ + public/images/ Eine variable Archivo als WOFF2 und 22 lokale Motive. Kein Aufruf verlässt den Server So arbeitest du mit den Skills. Du schreibst, deine KI baut um.
„Mach aus Hellwach die Website meiner Coaching-Praxis in Köln.“
„Schreib die drei Angebote auf mein Programm um: Einzel, Kurs, Firmen.“
„Leg einen fünften Impuls an: Warum Multitasking dein Kopfkino füttert.“
„Aus dem Violett soll ein tiefes Petrol werden, Holo-Flächen bitte mitziehen und Kontraste nachrechnen.“
„Wir wollen nächste Woche live. Was fehlt noch?“
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. Neunzehn Seiten laufen sofort unter localhost.
Die CLAUDE.md erklärt deiner KI die eiserne Regel: ein Violett, eine variable Schrift, Bewegung nur mit Rückzug. Die sieben Skills wissen, wie man alles pflegt.
Der Skill Template-Aufbau führt durch den Umbau, die Qualitätsprüfung durch die Liste davor. npm run build, Ordner hochladen, fertig.
Hellwach 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.
Nora Sievers, ihre Praxis in Leipzig, alle Zahlen, Stimmen und Fälle sind Anschauungsmaterial. Stimmen tragen den Vermerk Beispiel, Fälle heißen Beispielfall, Kennzahlen tragen Beispielwerte der Demo. Die Vermerke bleiben stehen, bis deine echten Inhalte darin stehen.
Ja. Die Persona ist weiblich geschrieben, die Struktur ist es nicht. Deine KI stellt Name, Anrede und alle Rollenbezeichnungen in einem Durchgang um.
Die Bewegung ist bewusst dosiert: ein Schimmer, schwebende Chips, sanfte Neigungen. Der Text dazu ist das Gegenteil von verspielt, mit offenen Preisen, Therapie-Abgrenzung und einer eigenen Sektion, wann das Coaching nicht passt. Wer es ruhiger mag, schaltet einzelne Effekte ab, die Wissensschicht zeigt wo.
Durchgehend Du, passend zur Zielgruppe zwischen Ende zwanzig und Mitte vierzig. Deine KI kann die Anrede in einem Durchgang auf Sie umstellen, wenn deine Klientel das erwartet.
Nein, und das ist Absicht. Impressum und Datenschutz sind Gerüste mit Beispieldaten und tragen einen sichtbaren Hinweis. Was dein Impressum wirklich braucht, hängt von Rechtsform und Berufsrecht ab. Lass die Texte von einer Rechtsberatung prüfen.
Alle 22 Bilder liegen lokal und stammen von Pexels, die Aufstellung steht in BILDNACHWEIS.md. Die Porträts zeigen echte Menschen ohne Model-Release und werden vor dem Livegang durch eigene Aufnahmen ersetzt. Zwei Reserve-Motive in derselben Lichtstimmung liegen bei.
Ja. Die Impulse entstehen aus einer Datendatei, ein neuer Eintrag erzeugt eine neue Seite samt Route und strukturierten Daten. Für eine neue Seitenart nimmst du das nächstähnliche der Hero-Konzepte als Vorlage.
Beide Strecken prüfen die Eingaben und zeigen einen Erfolgszustand, verschicken aber noch nichts, und sie sagen das auf der Seite auch ehrlich dazu. Vor dem Livegang bindest du einen Versand an, das steht in der Liste der Qualitätsprüfung.
Der Einwilligungsdialog steht mittig und speichert nur die Entscheidung im Browser. Schrift und Bilder liegen lokal, es geht kein Aufruf an Google, und es gibt weder Karte noch Video noch Analysedienst. Die Kategorie Statistik ist vorbereitet, aber kein Dienst ist eingebunden.
Die Seite zieht die Grenze zur Therapie an mehreren Stellen ausdrücklich, verspricht keine Heilung und verweist im Impressum auf echte Hilfsangebote. Diese Haltung ist Teil des Templates und sollte bleiben.
Ja. Einmal gekauft, für immer deins, ohne Abo und ohne Rückfrage. Du darfst alles ändern, alles löschen und überall hosten.
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.