OneDollarStock · Dein Website-Projekt

Erstelle Kundenwebsites aus fertigen Vorlagen. Erweitere dein Angebot mit KI um die Erstellung von Websites.

Mache fertiges Design und Code mit KI zur Kundenwebsite. Ergänze Angebot, Marke und Bilder, zeige eine Vorschau und übersetze Feedback in weitere Anweisungen.

Dieses Kundenprojekt planen Umfang der Vorlage ansehen

Orbit

Forma Studio

Offset

Beispieldesigns · ersetze die fiktiven Inhalte durch deine eigenen.

AI ChatBeispielablauf

Beispielablauf · dein Projekt

Was braucht dieser Auftrag als Nächstes?

KI · Beispielantwort

Bei offenem Design sieh Templates mit dem Kunden an. Mit Briefing beginne die Anpassung.

Mein Kunde braucht eine Dienstleistungswebsite. Liste Kundenmaterialien, Template-Anpassungen und einzurichtende Verbindungen auf.

KI · Beispielantwort

Angebot, Zielgruppe, Inhalte, Bilder und nötige Funktionen. Vereinbare Design, Kontaktweg, Sprachen und Korrekturumfang.

Nächste Schritte

Sammle das Briefing
Angebot, Zielgruppe, Inhalte, Bilder und nötige Funktionen.
Beschreibe das Ergebnis
Vereinbare Design, Kontaktweg, Sprachen und Korrekturumfang.
Plane die Umsetzung
Berücksichtige KI-Bearbeitung, Dienste, Veröffentlichung und spätere Aktualisierungen.

Ein Website-Umfang für Abstimmung und Angebot an den Kunden.

Beispieldialog, keine Live-KI oder abgeschlossene Veröffentlichung. Der Agent braucht Dateizugriff und deine Autorisierung externer Konten.

01 / Aufgabe wählen

Was braucht dieser Auftrag als Nächstes?

Bei offenem Design sieh Templates mit dem Kunden an. Mit Briefing beginne die Anpassung. Für Kampagnen wähle ein Angebotslanding, für weitere Aufträge vergleiche Bibliothekszugang. Die Links führen zu diesen Aufgaben.

Einen Kundenauftrag planen Designrichtung vereinbaren Eine Kundenkampagnenseite planen Wiederkehrende Agenturprojekte ordnen

AI ChatBeispielablauf

Beispielablauf · dein Projekt

Was liefert das Ausgangsprojekt?

KI · Beispielantwort

Du erhältst Design, Code und Anleitung eines Templates. Mit KI machst du daraus die Kundenwebsite: Texte, Bilder, Farben, Layout und Bereiche.

Öffne die Template-Dateien und RECREATE.md. Ändere Einleitung, Farben und Bilder nach meinem Briefing. Behalte die Abschnittsstruktur.

KI · Beispielantwort

Entpacke den Download und öffne den Ordner in einem KI-Tool mit Dateizugriff. Beschreibe, welche Texte, Farben, Bilder und Bereiche sich ändern sollen.

Nächste Schritte

Übergib das Projekt
Entpacke den Download und öffne den Ordner in einem KI-Tool mit Dateizugriff.
Beschreibe Änderungen
Beschreibe, welche Texte, Farben, Bilder und Bereiche sich ändern sollen.
Prüfe die Vorschau
Öffne das Ergebnis am Computer und Smartphone und beschreibe weitere Korrekturen im Chat.

Deine eigene Version des gewählten Designs zur Vorschau.

Beispieldialog, keine Live-KI oder abgeschlossene Veröffentlichung. Der Agent braucht Dateizugriff und deine Autorisierung externer Konten.

02 / Dateien und Umfang

Was liefert das Ausgangsprojekt?

Du erhältst Design, Code und Anleitung eines Templates. Mit KI machst du daraus die Kundenwebsite: Texte, Bilder, Farben, Layout und Bereiche. Kundeninhalte, Hosting und Dienste vereinbarst du im Auftragsumfang.

Website-Dateien + Designanweisungen

Quellcode und Anleitung

Die geprüften Beispiele enthalten index.html und RECREATE.md. Begleitdateien variieren; manche Bilder oder Schriften bleiben extern.

Deine separate Einrichtung

Nutze ein eigenes Bearbeitungstool mit Dateizugriff. KI-Zugang, Domain, Hosting und betriebliche Dienste sind separat.

AI ChatBeispielablauf

Beispielablauf · dein Projekt

Was gibt der Kunde vor Anpassung frei?

KI · Beispielantwort

Vereinbare vor der Bearbeitung Design, Angebot, Texte, Bilder und Buttonaktionen. Sieh das Template gemeinsam an: Layout behalten, Texte ersetzen, Bereiche entfernen.

Mein Kunde möchte größere Bilder und weniger Text. Übersetze das Feedback in konkrete Template-Änderungen und bereite eine Vergleichsversion vor.

KI · Beispielantwort

Sieh das Template mit dem Kunden an und benenne passende Elemente. Bestimme, was bleibt, welche Inhalte ersetzt und welche Bereiche entfernt werden.

Nächste Schritte

Zeige das Design
Sieh das Template mit dem Kunden an und benenne passende Elemente.
Übersetze Feedback in Änderungen
Bestimme, was bleibt, welche Inhalte ersetzt und welche Bereiche entfernt werden.
Vergleiche Versionen
Prüfe die neue Version am Computer und Smartphone vor weiteren Korrekturen.

Eine Seitenversion auf Grundlage konkreten Kundenfeedbacks.

Beispieldialog, keine Live-KI oder abgeschlossene Veröffentlichung. Der Agent braucht Dateizugriff und deine Autorisierung externer Konten.

03 / Vor Änderungen vereinbaren

Was gibt der Kunde vor Anpassung frei?

Vereinbare vor der Bearbeitung Design, Angebot, Texte, Bilder und Buttonaktionen. Sieh das Template gemeinsam an: Layout behalten, Texte ersetzen, Bereiche entfernen. Übergib die Liste als KI-Anweisung.

Zeige das DesignSieh das Template mit dem Kunden an und benenne passende Elemente.Übersetze Feedback in ÄnderungenBestimme, was bleibt, welche Inhalte ersetzt und welche Bereiche entfernt werden.Vergleiche VersionenPrüfe die neue Version am Computer und Smartphone vor weiteren Korrekturen.

Lokal auf diesem Gerät markiert; nichts wird übermittelt.

04 / Design wählen

Welche Referenz zeigt die wichtigen Entscheidungen?

Orbit ist eine Referenz für Leistungen, Forma Studio und Offset für Arbeiten, Relayline für Produkte. Wähle nach dem Kundenvorhaben und prüfe die Smartphone-Vorschau.

Orbit

Expertise, Arbeiten, Vorgehen und Leistungen für Studio oder Beratung.

Preis und Dateien ansehen ↗

Dateien prüfen

Aktueller Download geprüft am 2. Oktober 2026. Prüfe die ausgewählten Dateien auf der Produktseite.

index.html
RECREATE.md
assets/bridge.webp
assets/connect.webp
assets/folio.webp
assets/lens.webp
assets/loop.webp
assets/relay.webp

Einige Ressourcen können von externen URLs geladen werden. Prüfe dein gewähltes Projekt vor der Veröffentlichung.

Forma Studio

Redaktionelles Portfolio für Marken- und Digitaldesign mit Arbeiten und Vorgehen.

Preis und Dateien ansehen ↗

Dateien prüfen

Aktueller Download geprüft am 2. Oktober 2026. Prüfe die ausgewählten Dateien auf der Produktseite.

index.html
RECREATE.md
assets/index.webp
assets/terra.webp
assets/vesper.webp

Einige Ressourcen können von externen URLs geladen werden. Prüfe dein gewähltes Projekt vor der Veröffentlichung.

Offset

Großzügige Projektpräsentation mit Leistungen und Vorgehen.

Preis und Dateien ansehen ↗

Dateien prüfen

Aktueller Download geprüft am 2. Oktober 2026. Prüfe die ausgewählten Dateien auf der Produktseite.

index.html
RECREATE.md
assets/contour.svg
assets/fern.png
assets/form-poster.svg
assets/geometric-print.svg
assets/glass.png
assets/packaging.png
assets/ribbon.png

Einige Ressourcen können von externen URLs geladen werden. Prüfe dein gewähltes Projekt vor der Veröffentlichung.

Relayline

Produktdarstellung mit Abläufen und Szenarien; Anwendung und Anmeldung sind separat.

Preis und Dateien ansehen ↗

Dateien prüfen

Aktueller Download geprüft am 2. Oktober 2026. Prüfe die ausgewählten Dateien auf der Produktseite.

index.html
RECREATE.md
assets/relayline-focus.png
assets/relayline-portrait.png

Einige Ressourcen können von externen URLs geladen werden. Prüfe dein gewähltes Projekt vor der Veröffentlichung.

Beispieldesigns · ersetze die fiktiven Inhalte durch deine eigenen.

AI ChatBeispielablauf

Beispielablauf · dein Projekt

Wie wird ein Designauftrag prüfbar?

KI · Beispielantwort

Gib der KI Änderungsliste und Kundenmaterialien und bitte um eine Vorschauversion. Sende sie dem Kunden und präzisiere Feedback, etwa größere Bilder oder kürzere Einleitung.

Mein Kunde möchte größere Bilder und weniger Text. Übersetze das Feedback in konkrete Template-Änderungen und bereite eine Vergleichsversion vor.

KI · Beispielantwort

Sieh das Template mit dem Kunden an und benenne passende Elemente. Bestimme, was bleibt, welche Inhalte ersetzt und welche Bereiche entfernt werden.

Nächste Schritte

Zeige das Design
Sieh das Template mit dem Kunden an und benenne passende Elemente.
Übersetze Feedback in Änderungen
Bestimme, was bleibt, welche Inhalte ersetzt und welche Bereiche entfernt werden.
Vergleiche Versionen
Prüfe die neue Version am Computer und Smartphone vor weiteren Korrekturen.

Eine Seitenversion auf Grundlage konkreten Kundenfeedbacks.

Beispieldialog, keine Live-KI oder abgeschlossene Veröffentlichung. Der Agent braucht Dateizugriff und deine Autorisierung externer Konten.

05 / Änderung ansehen

Wie wird ein Designauftrag prüfbar?

Gib der KI Änderungsliste und Kundenmaterialien und bitte um eine Vorschauversion. Sende sie dem Kunden und präzisiere Feedback, etwa größere Bilder oder kürzere Einleitung. Vorbereitete Beispiele unten sind keine abgeschlossenen Kundenaufträge.

Cedar Studio · 11-forma-studio

Vorbereitete Beispielbearbeitung; eigene Daten ergänzt du mit KI. Kein Ergebnis eines externen KI-Laufs.

Ganze Vorschau öffnen ↗

Lumen Consultation · 03-orbit

Vorbereitete Beispielbearbeitung; eigene Daten ergänzt du mit KI. Kein Ergebnis eines externen KI-Laufs.

Ganze Vorschau öffnen ↗

AI ChatBeispielablauf

Beispielablauf · dein Projekt

Wer gibt frei, betreibt und erhält was?

KI · Beispielantwort

Der Kunde prüft Inhalte und Design, du oder eine technische Person Funktionen und Veröffentlichung. Vereinbart Updates, Formulare und Hostingzahlungen.

Erstelle eine kurze Kundenanleitung: Website-Adresse, Textänderungen mit KI, Formularziel und Veröffentlichung von Updates.

KI · Beispielantwort

Sichere URL, Dateikopie und die Liste verbundener Dienste. Erkläre, wie man das Projekt öffnet, die KI um Änderungen bittet und das Ergebnis prüft.

Nächste Schritte

Sichere die finale Version
Sichere URL, Dateikopie und die Liste verbundener Dienste.
Erkläre Aktualisierungen
Erkläre, wie man das Projekt öffnet, die KI um Änderungen bittet und das Ergebnis prüft.
Vereinbare die weitere Betreuung
Vereinbare, wer Änderungen veröffentlicht, Dienste bezahlt und Störungen behebt.

Eine praktische Anleitung für die fertige Website.

Beispieldialog, keine Live-KI oder abgeschlossene Veröffentlichung. Der Agent braucht Dateizugriff und deine Autorisierung externer Konten.

06 / Rollen und Rechte

Wer gibt frei, betreibt und erhält was?

Der Kunde prüft Inhalte und Design, du oder eine technische Person Funktionen und Veröffentlichung. Vereinbart Updates, Formulare und Hostingzahlungen. Commercial Use umfasst Kundenwebsites; Code-Übergabe und weitere Nutzer sind separat zu klären.

Sichere die finale Version

Sichere URL, Dateikopie und die Liste verbundener Dienste.

Erkläre Aktualisierungen

Erkläre, wie man das Projekt öffnet, die KI um Änderungen bittet und das Ergebnis prüft.

Vereinbare die weitere Betreuung

Vereinbare, wer Änderungen veröffentlicht, Dienste bezahlt und Störungen behebt.

Kundennutzung und Übergabe prüfen

AI ChatBeispielablauf

Beispielablauf · dein Projekt

Was hält dein nächster Projektplan fest?

KI · Beispielantwort

Sichere Briefing, Design, Kundenmaterialien und fertige Website-Kopie. Ergänze Update-Anleitung, Dienste und Betreuung. Spätere KI-Änderungen beginnen dann am bestehenden Projekt.

Das ist die fertige Kundenwebsite. Hilf mir, das ganze Projekt zu sichern und PROJECT-NOTES.md mit bestätigtem Briefing, Änderungen, Hosting, verbundenen Diensten und Anleitung für das nächste Update zu schreiben.

KI · Beispielantwort

Behalte den vollständigen aktuellen Ordner und eine Sicherung. Ich kann gewähltes Design, bestätigte Änderungen, Live-Adresse, Veröffentlichungsmethode, Dienste und vereinbarte Betreuung notieren. Halte fest, wo Kontozugriff verwaltet wird, ohne Passwörter im Projekt zu speichern.

Nächste Schritte

Vollständige Version sichern
Behalte Quellcode, Assets, Kundenmaterialien und eine Sicherung der fertigen Website.
Update-Notiz schreiben
Notiere bestätigte Änderungen, Hosting, Live-Adresse, Dienste und Veröffentlichungsschritte in PROJECT-NOTES.md.
Nächste Änderung vorbereiten
Öffne Projekt und Notiz in KI, sichere die Version und beschreibe die neue Änderung vor der erneuten Veröffentlichung.

Ein vollständiges Kundenprojekt mit Anleitung für spätere Änderungen und Veröffentlichung.

Beispieldialog, keine Live-KI oder abgeschlossene Veröffentlichung. Der Agent braucht Dateizugriff und deine Autorisierung externer Konten.

07 / Nutzbarer Projektplan

Was hält dein nächster Projektplan fest?

Sichere Briefing, Design, Kundenmaterialien und fertige Website-Kopie. Ergänze Update-Anleitung, Dienste und Betreuung. Spätere KI-Änderungen beginnen dann am bestehenden Projekt.

Vollständige Version sichernBehalte Quellcode, Assets, Kundenmaterialien und eine Sicherung der fertigen Website.Update-Notiz schreibenNotiere bestätigte Änderungen, Hosting, Live-Adresse, Dienste und Veröffentlichungsschritte in PROJECT-NOTES.md.Nächste Änderung vorbereitenÖffne Projekt und Notiz in KI, sichere die Version und beschreibe die neue Änderung vor der erneuten Veröffentlichung.

Lokal auf diesem Gerät markiert; nichts wird übermittelt.

Projektdateien und Update-Anleitung zum Aufbewahren

Trage deine Angaben ein. Kopiere oder lade die Notiz zur Arbeit mit KI herunter.

Zugang für echte Projekte vergleichen

Formwell / Website-Dateien + Designanweisungen

Teste ein echtes Template, bevor du dich entscheidest.

Lade das originale Formwell-Projekt herunter. Gib die Dateien und RECREATE.md an ein geeignetes KI-Tool, probiere eine kleine Änderung und prüfe das Ergebnis.

Das kostenlose Beispiel ist Formwell. Originaldesign und Anleitung sind auf Englisch. Die Produktpreise bleiben unverändert.

Formwell-ZIP herunterladen RECREATE.md herunterladen ↗