Zum Inhalt springen
DEINE INHALTE. EIN NEUES WEBSITE-DESIGN.

Gestalte deine Website mit deinen vorhandenen Inhalten neu. Zeige dasselbe Unternehmen in einem neuen Design.

Wähle eine fertige HTML-Vorlage. Gib deiner KI dein aktuelles Angebot, Bilder und Kontaktdaten, um sie ins neue Layout zu übertragen. Prüfe das Ergebnis und bereite den Website-Wechsel vor.

Claude Code · Codex · Cursor · Gemini CLI
Nordline Air → Tandem Airworks
Vorbereitete bisherige Website des fiktiven Nordline Air mit deutscher Überschrift und Beschreibung des Klima- und Lüftungsangebots.
AI ChatZusammenfassung einer Beispielanweisung
Du

Arbeite mit Tandem Airworks und meiner current-website-content.md. Übertrage Name, Überschrift, Beschreibung und beide Schaltflächen von Nordline Air genau aus dieser Datei in den Einstieg der neuen Website. Behalte Bild und Design der Vorlage sowie die übrigen Abschnitte. Speichere index.html und zeige die Vorschau.

index.html · RECREATE.md · current-website-content.md
KI

Die vorbereitete Vorschau zeigt dieselben Nordline-Air-Inhalte im Layout von Tandem Airworks. Bild und Vorlagendesign bleiben erhalten. Weitere Abschnitte enthalten noch Quelltexte.

Vorbereitetes Gesprächsbeispiel. Die Schaltfläche kopiert die vollständige Anweisung zur Dateibearbeitung. Keine Live-Verbindung zur KI.

Vollständiger Auftrag zum Kopieren

Eine vorbereitete bisherige Website des fiktiven Nordline Air und ein neues Layout mit denselben Inhalten. Weitere Abschnitte der neuen Website behalten englische Quelltexte.

Für KI vorbereiten

Bereite Tandem-Airworks-Dateien und separat current-website-content.md mit deinen Inhalten vor. Diese zusätzliche Datei gehört nicht zur gekauften Vorlage.

index.htmlRECREATE.md3 JPGscurrent-website-content.md
01 / ÜBERTRAGE, WAS DEIN UNTERNEHMEN BESCHREIBT

Nutze dein aktuelles Angebot in einem neuen Layout.

Bereite Materialien deiner bisherigen Website vor und wähle, was dein Unternehmen weiterhin zeigt. Das neue Design bietet dafür Platz; du entscheidest, was bleibt und aktualisiert wird.

01

Behalte Inhalte, die noch aktuell sind.

Sammle Leistungsbeschreibungen, Bilder, Logo und Kontakt. Sage deiner KI, was sie genau übernehmen und was sie ändern soll.

02

Finde Platz für dein Angebot.

Prüfe die vollständige Vorschau der Vorlage. Wähle ein Layout mit Platz für benötigte Leistungen, Arbeiten und Kontakt.

03

Plane Adressen und funktionierende Abläufe.

Liste bisherige Seitenadressen, Formulare und weitere Dienste auf. Entscheide, was bleibt und was neu eingerichtet werden muss.

Die Vorlage enthält bearbeitbares HTML und eine RECREATE.md-Anleitung. Inhalte deiner bisherigen Website bereitest du separat vor.

02 / DEIN ANGEBOT IN DEN NEUEN ABSCHNITTEN

Übertrage Leistungsbeschreibungen in die fertigen Abschnitte.

Passe nach dem Einstieg den Leistungsbereich an. Gib deiner KI vorhandene Namen und Beschreibungen, damit das neue Layout dasselbe Angebot zeigt.

Nordline Air
Ursprüngliche englische Leistungskarten von Tandem Airworks im ersten Nordline-Air-Umbau.
AI ChatBeispielanweisung
Du

Übertrage in die gespeicherte index.html die acht Leistungsnamen und Beschreibungen von Nordline Air sowie den Kontakttext aus current-website-content.md ohne Umformulierung. Übernimm Überschrift und Beschreibung des Leistungsbereichs aus derselben Datei. Behalte Bilder, Layout und Demoformular. Speichere die Website und zeige die Leistungsvorschau.

KI

Die acht Karten enthalten Nordline-Air-Namen und Beschreibungen aus der vorbereiteten Datei. Der Kontakttext wurde ebenfalls übertragen. Design und lokales Demoformular bleiben erhalten.

Leistungskarten vor und nach der Übertragung der Nordline-Air-Inhalte. Die Datei enthält auch den übertragenen Kontakttext; das Formular bleibt eine lokale Demo ohne Versand.
03 / WÄHLE EIN NEUES LAYOUT FÜR DEIN UNTERNEHMEN

Wähle ein Design mit Platz für dein aktuelles Angebot.

Sieh dir die vollständigen Websites an. Prüfe, wo du Texte, Bilder und Kontakt unterbringst, bevor du eine Vorlage für den Umbau wählst.

Tandem Airworks / mehrere Leistungen

Tandem Airworks / mehrere Leistungen

Ein Layout für einen technischen Betrieb mit acht Leistungskarten. Prüfe den Platz für deine bisherigen Beschreibungen und Kontakt.

Vollständige Vorlage ansehen
Rillstone Studio / Projekte und Team

Rillstone Studio / Projekte und Team

Ein Architekturstudio-Design mit Projekt- und Teambildern. Prüfe, wie du eigene Materialien nutzt.

Vollständige Vorlage ansehen
Morrow Studio / kreatives Studioangebot

Morrow Studio / kreatives Studioangebot

Ein geteiltes Studiolayout mit Leistungs- und Anfragebereichen. Sieh dir den Platz für dein Angebot an.

Vollständige Vorlage ansehen
04 / BEREITE DATEIEN UND WEBSITE-WECHSEL VOR

Passe das Design an dein bestehendes Unternehmen an.

Bearbeite die neuen Projektdateien mit deinen Materialien. Bereite den Ersatz der bisherigen Website und nötige Dienstverbindungen separat vor.

01

Bereite vorhandene Inhalte vor.

Speichere ausgewählte Texte und Bilder sowie eine Liste der zu erhaltenden Adressen und Funktionen.

02

Übertrage sie ins neue Design.

Gib deiner KI Vorlagendateien und eigene Materialien. Beauftrage sie, Inhalte in die gewählten Abschnitte einzufügen.

03

Prüfe und ersetze die bisherige Website.

Vergleiche Texte, Bilder und Kontakt. Bereite Veröffentlichung, nötige Weiterleitungen und Dienstverbindungen vor und prüfe die neue Website.

Design und Anleitung im Paket

  • Bearbeitbares HTML mit Abschnitten für Angebot und Kontakt.
  • Eine RECREATE.md-Anleitung, die das gewählte Design beschreibt.
  • Bilder oder Materialien aus dem gewählten Produktpaket.

Was du noch vorbereiten musst

  • Nutze ein Werkzeug, das Dateien liest und schreibt, etwa Claude Code, Codex, Cursor oder Gemini CLI. KI wählst und bezahlst du separat.
  • Bereite eigene Inhalte sowie einen Plan für Veröffentlichung und Weiterleitungen vor. Hosting und bisherige Website-Einstellungen verwaltest du separat.
  • Verbinde benötigte Formulare oder andere Dienste und prüfe sie nach dem Website-Wechsel.

Teste die Inhaltsübertragung mit kostenlosem Formwell.

Lade das Projekt herunter und gib deiner KI eine kurze Beschreibung deines aktuellen Angebots. Lass sie den Text in die Website einfügen und prüfe die gespeicherte Vorschau.

Formwell kostenlos herunterladen

WÄHLE DEINEN ZUGANG

Nimm eine Vorlage. Oder die ganze Bibliothek mit Website-Vorlagen, Fotos, Mockups, Presets und mehr — in einem PRO-Plan.

Du baust eine Website neu auf? Nimm eine einzelne Vorlage. Du möchtest Layouts vergleichen und kreative Materialien für weitere Änderungen nutzen? Wähle PRO.

Ein einzelnes Template

Dein gewähltes HTML-Design und Dateien, um eigene Inhalte in ein neues Layout zu übertragen.

€32,32 EUR/ Template

  • Dein gewähltes Website-Design
  • Quelldateien und KI-Anweisungen
  • Einmal zahlen
Mein Design für den Neuaufbau wählen

PRO Yearly

Die gesamte PRO-Bibliothek: Nutze Designs und kreative Materialien während deines aktiven Abonnements.

€16,71 EUR/ Monat bei jährlicher Zahlung (€167,18 EUR/Jahr)

2 Monate gratis · -69% gegenüber dem Monatsplan

  • Unbegrenzte Downloads und Nutzung
  • Die gesamte Website-Template-Bibliothek
  • Zusätzlich zu den Templates: unsere gesamte Bibliothek mit Fotos, Mockups, Presets, LUTs und Texturen
  • Ein Jahr Zugang zur PRO-Bibliothek
  • Automatische Verlängerung jedes Jahr. Jederzeit kündbar.
Spezielles Lifetime-Angebot

PRO Lifetime

Dauerhafter Zugang zur PRO-Bibliothek mit einer Zahlung für weitere Neuaufbauten und kreative Materialien.

Vorheriger Preis€667,68 EUR

€221,82 EUR/ einmalig

  • Unbegrenzte Downloads und Nutzung
  • Die gesamte Website-Template-Bibliothek
  • Zusätzlich zu den Templates: unsere gesamte Bibliothek mit Fotos, Mockups, Presets, LUTs und Texturen
  • Lifetime-Zugang zur PRO-Bibliothek
  • Einmal zahlen. Keine jährliche Verlängerung.

Preise für Commercial Use. Preise und Steuern werden im Checkout bestätigt. KI-Tool, Domain und Hosting sind separat.

05 / BEVOR DU DIE BISHERIGE WEBSITE ERSETZT

Kläre, was du überträgst und prüfen musst.

Muss ich meine Unternehmenstexte neu schreiben?

Du kannst aktuelle Texte, eigene Bilder, Logo und Kontaktdaten der bisherigen Website nutzen. Sammle sie und zeige deiner KI den Platz im neuen Design. Bitte sie um die genaue Übernahme, wenn die Formulierungen bleiben sollen. Prüfe in der Vorschau, ob alle nötigen Informationen enthalten sind.

Kann ich eine WordPress-Website neu aufbauen?

Du kannst eine neue HTML-Website mit Inhalten deiner WordPress-Seite vorbereiten. Stelle gewählte Texte und Medien bereit und plane die benötigten Funktionen. Die Vorlage importiert weder die WordPress-Datenbank noch Plugins oder CMS-Einstellungen. Veröffentlichung und Ersatz der bisherigen Website bereitest du separat vor.

Was passiert mit bisherigen Seitenadressen und Suchsichtbarkeit?

Liste bisherige Adressen auf und ordne ihnen Ziele auf der neuen Website zu. Richte bei geänderten Adressen Weiterleitungen auf deinem Hosting ein. Prüfe Titel, Beschreibungen, Links und wichtige Inhalte. Der Kauf einer Vorlage garantiert keine Suchplatzierungen und richtet keine Weiterleitungen ein.

Werden Formulare und andere Funktionen mit dem Text übertragen?

Die Übertragung sichtbarer Inhalte übernimmt keine Formularverarbeitung, Buchung oder andere Dienste. Behalte oder konfiguriere passende Verbindungen auf der neuen Website. Prüfe nach der Veröffentlichung den tatsächlichen Anfrageempfang und die genutzten Funktionen.

Was zeigen Vergleiche und KI-Anweisungen?

Sie zeigen eine vorbereitete bisherige Website des fiktiven Nordline Air und ihren Umbau in Tandem-Airworks-Kopien. Die erste Bearbeitung überträgt den genauen Einstieg, die zweite acht Leistungen und Kontakttext. Das Formular bleibt eine lokale Vorschau ohne Versand; [email protected] ist eine Beispieladresse. Die eigene current-website-content.md wurde separat vom Produkt vorbereitet. Es wurde kein CMS-Import und keine Veröffentlichung durchgeführt.

Gib deinem aktuellen Angebot ein neues Website-Design.

Wähle eine Vorlage, übertrage eigene Inhalte und prüfe das Ergebnis. Bereite den Website-Wechsel vor, damit Kunden dein Unternehmen im neuen Layout sehen.

06 / PLANE DEN UMBAU DEINER BISHERIGEN WEBSITE

Übertrage dein Angebot und bereite den Website-Wechsel vor.

Erfahre, wie du den Umbau einer WordPress- oder Unternehmenswebsite mit einem neuen HTML-Design planst.