Neu im Marktplatz Thalbrandt. Gebaut für Beratungen, die nachrechnen bevor sie beraten
Thalbrandt ist das Template für Beratung im industriellen Mittelstand.
Für eigene Websites und Kundenprojekte. Du passt den Projektordner in deinem KI-Werkzeug an. Umsetzung abgeben?
Ein Auftritt, der die Rückschläge mit auf die Seite nimmt
Die ganze Geschichte lesen
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.
- fertige Seiten
- 22
- Hero-Bauformen
- 8
- Fallstudien mit Zahlen
- 4
- Skills für deine KI
- 7
Scroll dich durch die Startseite
Die Startseite von Thalbrandt wandert beim Scrollen mit. Jede Station erklärt, warum eine Sektion so gebaut ist.
- 01
Der Hero rechnet vor
Überschrift links, zwei ovale Bilder rechts, darunter drei Zusagen mit Häkchen. Die Kennzahlenleiste unter dem Hero zählt beim Scrollen hoch.
- 02
Farbbänder statt Abschnitte
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.
- 03
Vier Felder, vier Detailseiten
Strategie, Prozesse, Digitalisierung, Organisation. Jedes Feld mit Modulen, Ablauf in Wochen, drei Ergebniszahlen und eigenen Fragen.
- 04
Fallstudien mit Eckdaten
Ausgangslage, Vorgehen in fünf Schritten, Ergebnis, Zitat. Die Mandanten sind auf Profile anonymisiert, so wie eine Beratung unter Verschwiegenheit es tatsächlich macht.
- 05
Das Band nennt Branchen
Zehn Branchen laufen ruhig durch, bewusst keine erfundenen Kundenlogos. Solange keine echten Referenzen da sind, ist das die ehrliche Variante.
Nicht eine Seite. Alle
Du kaufst keine Startseite mit Versprechen, sondern eine komplette Website. Jede Unterseite ist fertig gestaltet und getextet.
Acht Hero-Bauformen statt einer für alles
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.
- Acht Varianten, ein Satz Eigenschaften
Alle liegen in src/components/heroes/ und nehmen dieselben Werte entgegen. Eine neue Seite tauscht nur den Namen der Komponente.
- Überschrift und Akzent getrennt
Der vordere Teil steht in Schriftfarbe, der hintere in Orange. Weil beides getrennt übergeben wird, bleibt der Zeilenumbruch in jeder Breite sauber.
- Brotkrume und Handlungsaufforderung inklusive
Jede Variante bringt Brotkrume, Vorspann, Bilder und Knopf mit, samt Schema für die Suchmaschine.
- 8
- Hero-Bauformen
- 22
- fertige Seiten
- 33
- lokale Bilder
Mach Thalbrandt zu deinem nächsten Projekt
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.
- Die komplette Website, jede Unterseite fertig gestaltet und getextet
- Guideline und Wissensordner, damit deine KI das System versteht
- Sieben Skills für Pflege und Ausbau per Chat
- Doku und Skills wahlweise auf Deutsch oder Englisch
Du baust den Projektordner selbst um, mit einem Code-Editor und einem KI-Werkzeug wie Claude Code. Wie das geht, steht in der Dokumentation.
Sichere Zahlung über Stripe, das ZIP kommt direkt danach Made in Germany, von Webdesignern gebautLieber 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.
Für wen Thalbrandt gebaut ist
Ein Template wird gut, wenn es sich entscheidet. Thalbrandt ist auf eine Nische zugeschnitten, und ehrlich, wo es nicht passt.
Gebaut für
- Unternehmensberatungen mit Fokus auf den industriellen Mittelstand
- Interims-Manager und Restrukturierer, die Fallstudien zeigen dürfen
- Ingenieur- und Planungsbüros, die Projekte statt Leistungen verkaufen
- Freelancer, die Beratungs-Auftritte wiederholt und planbar liefern wollen
Nicht gedacht für
- Shops und alles mit Warenkorb, Login oder Bezahlstrecke
- Kanzleien und echte Rechtsberatung, dafür gibt es Nordhelm
- Einzelcoaches mit persönlicher Marke, dafür gibt es Klarenholt oder Almstedt
- HR-Beratungen, die nach Unternehmensgröße sortieren, dafür gibt es Merenwald
Andere Branche? Alle Templates ansehen
Auf dem Handy zu Hause
Über die Hälfte der Besucher kommt mobil, bei Notfällen fast alle. Thalbrandt ist dafür gebaut, nicht dafür zurechtgestaucht.
Das steckt im ZIP
Die Website und ihre Arbeitsgrundlage in einem Projektordner. Beispielinhalte passt du vor dem Livegang an.
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 Dein Auftrag an die KI
Beschreibe die Änderung in deinem KI-Werkzeug und prüfe die Vorschau.
„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?“
Vom ZIP zur Live-Website
Drei Schritte. Du brauchst Node.js, einen Editor und eine Stunde Zeit.
Mehr als eine schöne Oberfläche
Thalbrandt bringt sein Wissen und seine Skills mit, damit deine KI die Website versteht, statt sie kaputt zu raten.
Kurz geklärt
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.
Bereit für Thalbrandt?
Das komplette Template liegt als ZIP bereit.
- In Stunden startklar. ZIP herunterladen, npm install, und die fertige Website läuft lokal bei dir.
- Für immer deins. Einmal zahlen, und Website, Wissen und Skills gehören komplett dir, ohne laufende Kosten.
- Per Chat anpassbar. Deine KI macht aus Thalbrandt deine Marke, Seite für Seite.