OneDollarStock · Dein Website-Projekt

Website-Vorlagen für Agenturen. Erstelle weitere Kundenwebsites aus fertigen Designs, die du mit KI personalisierst.

Wähle Designs für weitere Aufträge und passe sie mit KI an Kunden an. Jede Website beginnt mit vorhandenem Code und einem konkreten Design.

Zugang für meine Kundenprojekte vergleichen Nutzerrechte für die Dateien prüfen

Orbit

Forma Studio

Relayline

Beispieldesigns · ersetze die fiktiven Inhalte durch deine eigenen.

AI ChatBeispielablauf

Beispielablauf · dein Projekt

Was geht vom Briefing zur abgenommenen Website?

KI · Beispielantwort

Der Ablauf: Kundenbriefing → Template-Auswahl → Inhalte und KI-Änderungen → Kontaktanbindung → Kundenvorschau → Tests → Veröffentlichung. Nutze für jeden Auftrag einen eigenen Ordner, damit Inhalte und Versionen getrennt bleiben.

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 / Ablauf festlegen

Was geht vom Briefing zur abgenommenen Website?

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

Fiktive Liste	Quelle / Blockade	Aufgaben allein	Kleine-Team-Übergabe
A · Leistungsseite	03-orbit · Textfreigabe fehlt	Eine Person: Brief, Inhalt, Bearbeitung, Integration, Prüfung, Veröffentlichung. Kundenfreigabe separat.	Leitung → Bearbeitung → Umsetzung → Prüfung → Veröffentlichung; Rolle erteilt keine Berechtigung.
B · Studioarbeiten	11-forma-studio · Quellenübergabe offen	Eine Person: Brief, Inhalt, Bearbeitung, Integration, Prüfung, Veröffentlichung. Kundenfreigabe separat.	Leitung → Bearbeitung → Umsetzung → Prüfung → Veröffentlichung; Rolle erteilt keine Berechtigung.
C · Produktseite	14-clearstead · Anfragedienst fehlt	Eine Person: Brief, Inhalt, Bearbeitung, Integration, Prüfung, Veröffentlichung. Kundenfreigabe separat.	Leitung → Bearbeitung → Umsetzung → Prüfung → Veröffentlichung; Rolle erteilt keine Berechtigung.

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

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

AI ChatBeispielablauf

Beispielablauf · dein Projekt

Wer darf Dateien bearbeiten und erhalten?

KI · Beispielantwort

Commercial Use erlaubt Kundenwebsites. Prüfe für ein Team separat, welche Mitarbeiter oder Auftragnehmer Dateien und Downloadzugang nutzen dürfen.

Ich möchte ein Template für einen Kunden nutzen. Hilf mir, eine Frage zu bearbeitetem Code und dem Zugriff eines weiteren Bearbeiters zu formulieren.

KI · Beispielantwort

Firmen- und Kundenwebsites sind von Commercial Use erfasst; das Original-ZIP ist kein Produkt zum Weiterverkauf. Nenne Produkt, bearbeitete Dateien, Empfänger und geplante Bearbeitung oder Hosting.

Nächste Schritte

Prüfe die Nutzung
Firmen- und Kundenwebsites sind von Commercial Use erfasst; das Original-ZIP ist kein Produkt zum Weiterverkauf.
Beschreibe die Übergabe
Nenne Produkt, bearbeitete Dateien, Empfänger und geplante Bearbeitung oder Hosting.
Bestätige Bedingungen
Bitte OneDollarStock um Klärung von Code-, Team- und zusätzlichen Nutzerrechten.

Eine konkrete Rechtefrage für dein Projekt.

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

02 / Personen und Rechte

Wer darf Dateien bearbeiten und erhalten?

Commercial Use erlaubt Kundenwebsites. Prüfe für ein Team separat, welche Mitarbeiter oder Auftragnehmer Dateien und Downloadzugang nutzen dürfen. Ein PRO-Plan umfasst nicht automatisch gemeinsame Logins oder unbegrenzte Teamplätze.

Prüfe die Nutzung

Firmen- und Kundenwebsites sind von Commercial Use erfasst; das Original-ZIP ist kein Produkt zum Weiterverkauf.

Beschreibe die Übergabe

Nenne Produkt, bearbeitete Dateien, Empfänger und geplante Bearbeitung oder Hosting.

Bestätige Bedingungen

Bitte OneDollarStock um Klärung von Code-, Team- und zusätzlichen Nutzerrechten.

Team- und Übergaberechte prüfen

03 / Design wählen

Welche Strukturen passen zu deinen Aufträgen?

Ordne Designs dem Auftrag zu: Orbit für Leistungen, Forma Studio oder VYNE für Portfolios, Relayline für Produkte. Verschiedene Templates geben Kunden unterschiedliche Ausgangsdesigns.

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.

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.

VYNE

Markantes Studioportfolio mit Projekten, Leistungen und Prinzipien.

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/vyne-clay-glass-still-life.png
assets/vyne-cobalt-editorial.png
assets/vyne-ivory-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.

Genaue Quelle	Geprüfte ZIP-Identität	Arbeitskopie	Release und Berechtigung
03-orbit	SHA256 3f16fb56e21e6efb6544…	Getrennte Original-/Arbeitsversionen je fiktivem Projekt halten.	Release, Quellenempfänger und Bearbeiterrechte separat entscheiden.
11-forma-studio	SHA256 669ae8a6611b3d9f4618…	Getrennte Original-/Arbeitsversionen je fiktivem Projekt halten.	Release, Quellenempfänger und Bearbeiterrechte separat entscheiden.
10-clearstead	SHA256 eb2f9418bc66c47643a1…	Getrennte Original-/Arbeitsversionen je fiktivem Projekt halten.	Release, Quellenempfänger und Bearbeiterrechte separat entscheiden.
14-clearstead	SHA256 a92b79278335aeaa5f02…	Getrennte Original-/Arbeitsversionen je fiktivem Projekt halten.	Release, Quellenempfänger und Bearbeiterrechte separat entscheiden.

AI ChatBeispielablauf

Beispielablauf · dein Projekt

Wie prüfst du Änderungen anhand des Briefings?

KI · Beispielantwort

Bitte die KI um konkrete Briefing-Änderungen, etwa größere Bilder, eine kürzere Einleitung und andere Buttonfarben. Sichere eine Vergleichsversion.

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.

04 / Änderung ansehen

Wie prüfst du Änderungen anhand des Briefings?

Bitte die KI um konkrete Briefing-Änderungen, etwa größere Bilder, eine kürzere Einleitung und andere Buttonfarben. Sichere eine Vergleichsversion. Der Kunde sieht sein Feedback in der Vorschau und du kannst die nächste Korrektur im selben Projekt beauftragen.

Vorbereitetes Template-Beispiel ansehen

Beispiel für KI-BearbeitungFormwell

Rücke die Einleitung weiter nach oben und füge darunter „Erzähl uns von deinem Projekt“ hinzu.

KI · Beispielantwort

Diese vorbereitete Version reduziert den Abstand und ergänzt einen Kontaktlink. Das Beispielbriefing ist weiterhin ein lokaler Download und versendet keine Anfragen.

index.html · RECREATE.md

Formwell · vorbereitete HTML-Vorschau

Ganze Vorschau öffnen ↗

Vorbereiteter Dialog und Projektversionen. Keine Live-Verbindung zu einer KI.

AI ChatBeispielablauf

Beispielablauf · dein Projekt

Wer gibt frei und wer prüft die Funktion?

KI · Beispielantwort

Der Kunde bestätigt Design und eigene Inhalte. Die umsetzende Person testet Links, verbundene Dienste und Smartphone-Ansicht und prüft nach Veröffentlichung erneut die Online-Adresse.

Prüfe meine Website am Computer und Smartphone: Inhalte, Bilder, Buttons und Kontakt. Liste Fehler auf und korrigiere sie in einer Projektkopie.

KI · Beispielantwort

Prüfe alle Bereiche, lange Überschriften und Bilder bei verschiedenen Bildschirmgrößen. Öffne Links und sende eine Testanfrage an den verbundenen Dienst.

Nächste Schritte

Prüfe Design und Inhalte
Prüfe alle Bereiche, lange Überschriften und Bilder bei verschiedenen Bildschirmgrößen.
Teste Aktionen
Öffne Links und sende eine Testanfrage an den verbundenen Dienst.
Bestätige Korrekturen
Prüfe dieselben Stellen nach der Bearbeitung erneut, auch unter der endgültigen Online-Adresse.

Eine Liste geprüfter Elemente und Korrekturen vor Veröffentlichung.

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

05 / Freigabeprüfungen

Wer gibt frei und wer prüft die Funktion?

Der Kunde bestätigt Design und eigene Inhalte. Die umsetzende Person testet Links, verbundene Dienste und Smartphone-Ansicht und prüft nach Veröffentlichung erneut die Online-Adresse. Sichere die vorherige Version zum Zurücksetzen ungeeigneter Änderungen.

Prüfe Design und InhaltePrüfe alle Bereiche, lange Überschriften und Bilder bei verschiedenen Bildschirmgrößen.Teste AktionenÖffne Links und sende eine Testanfrage an den verbundenen Dienst.Bestätige KorrekturenPrüfe dieselben Stellen nach der Bearbeitung erneut, auch unter der endgültigen Online-Adresse.

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

AI ChatBeispielablauf

Beispielablauf · dein Projekt

Ist die Designauswahl wirklich dein Engpass?

KI · Beispielantwort

Ein Template liefert Website-Design und Code. Fehlende Texte, Bilder oder Buchungsanbindungen müssen weiterhin bereitgestellt oder eingerichtet werden.

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.

06 / Deine echten Aufträge

Ist die Designauswahl wirklich dein Engpass?

Ein Template liefert Website-Design und Code. Fehlende Texte, Bilder oder Buchungsanbindungen müssen weiterhin bereitgestellt oder eingerichtet werden. Sammle diese Materialien zuerst, damit die KI mit einem konkreten Briefing arbeiten kann.

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.

Einen Pilotauftrag planen

AI ChatBeispielablauf

Beispielablauf · dein Projekt

Welcher Kauf passt zu bestätigten Aufträgen?

KI · Beispielantwort

Für einen Auftrag kannst du ein einzelnes Template wählen. Yearly bietet die volle Bibliothek während des Jahreszugangs, Lifetime den Zugang per Einmalzahlung.

Ich brauche jetzt eine Firmenwebsite und später ein Portfolio. Vergleiche Einzeltemplate, PRO Yearly und PRO Lifetime ohne unnötige Produkte.

KI · Beispielantwort

Notiere die geplanten Websites und passende Templates. Single umfasst ein Design; Yearly und Lifetime enthalten die volle Template- und Asset-Bibliothek.

Nächste Schritte

Wähle Projekte
Notiere die geplanten Websites und passende Templates.
Vergleiche den Zugang
Single umfasst ein Design; Yearly und Lifetime enthalten die volle Template- und Asset-Bibliothek.
Prüfe die Zahlung
Vergleiche aktuellen Preis, Zugangszeitraum und jährliche Verlängerung oder Einmalzahlung.

Eine Zugangswahl passend zu deinen geplanten Websites.

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

07 / Zugang wählen

Welcher Kauf passt zu bestätigten Aufträgen?

Für einen Auftrag kannst du ein einzelnes Template wählen. Yearly bietet die volle Bibliothek während des Jahreszugangs, Lifetime den Zugang per Einmalzahlung. Vergleiche bei regelmäßigen Aufträgen beide Pläne und kläre benötigte Teamrechte separat.

Wähle Projekte

Notiere die geplanten Websites und passende Templates.

Vergleiche den Zugang

Single umfasst ein Design; Yearly und Lifetime enthalten die volle Template- und Asset-Bibliothek.

Prüfe die Zahlung

Vergleiche aktuellen Preis, Zugangszeitraum und jährliche Verlängerung oder Einmalzahlung.

Einzelkauf, Yearly und Lifetime 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 ↗