Neu im Marktplatz Der Auftritt für Beratung, die an Ergebnissen gemessen wird.
Thalbrandt ist das Template für Beratung im industriellen Mittelstand. Zweiundzwanzig Seiten in gestapelten Farbbändern, Nachtblau gegen Papierweiß mit einem orangen Akzent: vier Leistungsfelder mit eigener Detailseite, vier Fallstudien mit Ausgangslage und Zahlen, drei Fachbeiträge und acht verschiedene Hero-Bauformen, für jede Seitenart die passende. Per Chat wird daraus deine Beratung.
Für alle, die selbst bauen. Du bekommst den kompletten Code als ZIP. Lieber fertig übernehmen?
Thalbrandt entstand aus einer Beobachtung: Beratungswebsites lesen sich alle gleich, weil alle nur Erfolge zeigen. Wer im Mittelstand einkauft, hat aber schon Beratungen erlebt, die teuer waren und nichts hinterlassen haben. Misstrauen ist der Ausgangszustand, nicht die Ausnahme.
Deshalb nennen die Fallstudien in dieser Vorlage auch die Stellen, an denen es zuerst schlechter wurde. Das ist kein Stilmittel, sondern das stärkste Vertrauenssignal, das eine Beratungsseite hat. Dazu kommen offene Preise bei den Formaten und Zahlen statt Adjektive im ganzen Fließtext.
Die zweite Entscheidung betrifft die Bauform. Statt einer Hero-Section, die auf zwölf Seiten dieselbe bleibt, bringt Thalbrandt acht: für die Startseite eine geteilte, für Fallstudien eine bildfüllende, für Beiträge eine ruhige, für die Methode eine reine Aussage. Jede Seitenart bekommt den Auftakt, der zu ihr passt.
Die Startseite von Thalbrandt wandert beim Scrollen mit. Jede Station erklärt, warum eine Sektion so gebaut ist.
Überschrift links, zwei ovale Bilder rechts, darunter drei Zusagen mit Häkchen. Die Kennzahlenleiste unter dem Hero zählt beim Scrollen hoch.
Jede Sektion ist ein gerundetes Farbband, das das vorherige überlappt und seine oberen Ecken ausschneidet. Daraus entsteht die S-Kurve, die den ganzen Auftritt trägt.
Strategie, Prozesse, Digitalisierung, Organisation. Jedes Feld mit Modulen, Ablauf in Wochen, drei Ergebniszahlen und eigenen Fragen.
Ausgangslage, Vorgehen in fünf Schritten, Ergebnis, Zitat. Die Mandanten sind auf Profile anonymisiert, so wie eine Beratung unter Verschwiegenheit es tatsächlich macht.
Zehn Branchen laufen ruhig durch, bewusst keine erfundenen Kundenlogos. Solange keine echten Referenzen da sind, ist das die ehrliche Variante.
Du kaufst keine Startseite mit Versprechen, sondern eine komplette Website. Jede Unterseite ist fertig gestaltet und getextet.
Die meisten Vorlagen haben eine Hero-Section und wiederholen sie auf jeder Seite. Thalbrandt bringt acht: geteilt für die Startseite, mosaikartig für die Projektübersicht, bildfüllend für Fallstudien, ruhig für Beiträge, als Kennzahlenleiste für die Leistungsübersicht, als Portrait für Über uns, als reine Aussage für die Methode, als Kachelraster für Karriere. Jede Seitenart bekommt den Auftakt, der zu ihr passt, und keine Seite sieht aus wie die vorige.
Alle liegen in src/components/heroes/ und nehmen dieselben Werte entgegen. Eine neue Seite tauscht nur den Namen der Komponente.
Der vordere Teil steht in Schriftfarbe, der hintere in Orange. Weil beides getrennt übergeben wird, bleibt der Zeilenumbruch in jeder Breite sauber.
Jede Variante bringt Brotkrume, Vorspann, Bilder und Knopf mit, samt Schema für die Suchmaschine.
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-thalbrandt.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. Thalbrandt 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. Thalbrandt 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 Stammdaten, Navigation samt Mega-Menü, Fußbereich und die Kennzahlenleiste unter dem Hero src/data/leistungen.ts Vier Leistungsfelder mit Modulen, Wochenablauf, Ergebniszahlen und eigenen Fragen. Jeder Eintrag erzeugt seine Detailseite src/data/projekte.ts Vier Fallstudien mit Eckdaten, Ausgangslage, fünf Vorgehensschritten, Ergebnis und Zitat src/data/insights.ts Drei Fachbeiträge als Blocklisten, mit kurzem Suchtitel getrennt vom langen Seitentitel src/components/heroes/ Acht Hero-Bauformen mit gemeinsamen Eigenschaften, für jede Seitenart eine src/scripts/motion.ts Zehn nummerierte Abschnitte von weichem Scrollen bis Lesefortschritt, alles über data-Attribute und reduced-motion-fest So arbeitest du mit den Skills. Du schreibst, deine KI baut um.
„Mach aus Thalbrandt die Website meiner Beratung für Kunststoffverarbeiter in Augsburg.“
„Schreib die vier Formate auf mein Angebot um: Kurzcheck, Projekt, Mandat, Beirat.“
„Leg einen neuen Fachbeitrag an: Warum Werkzeugkosten in der Kalkulation untergehen.“
„Das Orange soll ein tiefes Petrol werden, Styleguide und Kontraste bitte nachrechnen.“
„Ich will 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. Zweiundzwanzig Seiten laufen sofort unter localhost.
Die CLAUDE.md erklärt deiner KI die Farbbänder, die drei Orangetöne und die Belegregeln, 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.
Thalbrandt 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.
Thalbrandt Consulting, die Anschrift in Duisburg, das sechsköpfige Team, alle Kennzahlen und die vier Fallstudien sind Anschauungsmaterial. Sie zeigen dir, wie die Seite mit echten Inhalten wirkt. Die Fallstudien tragen deshalb sichtbar den Vermerk Beispiel-Fallstudie, die Zitate den Zusatz Beispielzitat. Beides bleibt stehen, bis deine echten Inhalte darin stehen.
Weil erfundene Firmennamen entweder wie echte Referenzen aussehen oder eine reale Firma treffen. Die Vorlage nennt die Mandanten deshalb als Profil, etwa Familienunternehmen mit drei Werken. Genau so veröffentlicht eine Beratung unter Verschwiegenheitspflicht ihre Referenzen tatsächlich, du kannst die Schreibweise also übernehmen.
Nein, und das ist Absicht. Impressum und Datenschutz sind als Gerüst mit Beispieldaten angelegt und tragen oben einen sichtbaren Hinweis. Was dein Impressum wirklich braucht, hängt von Rechtsform, Branche und Berufsrecht ab. Lass die Texte von einer Rechtsberatung prüfen.
Die sechs Portraits sind Unsplash-Aufnahmen echter Menschen ohne Model-Release. Sie müssen vor dem Livegang durch eigene Fotos ersetzt werden. Gibt es keine, nimm den Teamblock heraus. Alle Quellen mit Foto-ID stehen in BILDNACHWEIS.md.
Ja. Leistungen, Fallstudien und Beiträge entstehen aus Datendateien, ein neuer Eintrag erzeugt eine neue Seite. Für eine ganz neue Seitenart nimmst du eine der acht Hero-Bauformen und legst den Inhalt in Farbbänder. Der Skill Template-Aufbau führt dich durch beides.
Es prüft die Eingaben, verschickt aber noch nichts. Vor dem Livegang bindest du einen Versand an, das steht in der Liste der Qualitätsprüfung. Der Grund: Welcher Versand passt, hängt von deinem Hosting ab.
Ein Einwilligungsfenster ist eingebaut und sperrt die Seite bis zur Entscheidung. Ohne Einwilligung startet nichts. Die Stelle für eine Zählung ist in motion.ts vorbereitet und absichtlich leer, damit nichts lädt, bevor du dich entschieden hast. Schriften und Bilder liegen lokal, es geht kein Aufruf an Google.
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.