Beispieldesigns · ersetze die fiktiven Inhalte durch deine eigenen.
AI ChatBeispielablauf
Beispielablauf · dein Projekt
Du
Was kannst du Besuchern heute verlässlich sagen?
KI · Beispielantwort
Erkläre Zweck, Zielgruppe und heutigen Zugang. Beim Prototyp zeige die Idee und biete Demo oder Warteliste an.
Du
Mein Produkt ist bereit für eine Demo. Plane die Seite aus Beschreibung und Screenshots: Zweck, Zielgruppe und Demo-Termin.
KI · Beispielantwort
Nenne Problem, verfügbare Funktionen, Zielgruppe und Produktstatus. Ergänze eigene Screenshots, Video oder Anwendungsschritte.
Nächste Schritte
Beschreibe das Produkt
Nenne Problem, verfügbare Funktionen, Zielgruppe und Produktstatus.
Zeige die Anwendung
Ergänze eigene Screenshots, Video oder Anwendungsschritte.
Verbinde den Zugang
Der Button führt je nach Status zu Demo, App, Warteliste oder Kauf.
Eine Seite, die das Produkt erklärt und zum Ausprobieren führt.
Beispieldialog, keine Live-KI oder abgeschlossene Veröffentlichung. Der Agent braucht Dateizugriff und deine Autorisierung externer Konten.
01 / Produktfakten
Was kannst du Besuchern heute verlässlich sagen?
Erkläre Zweck, Zielgruppe und heutigen Zugang. Beim Prototyp zeige die Idee und biete Demo oder Warteliste an. Beim verfügbaren Produkt verlinke App oder Kauf mit aktuellen Bedingungen.
Beschreibe das Produkt
Nenne Problem, verfügbare Funktionen, Zielgruppe und Produktstatus.
Zeige die Anwendung
Ergänze eigene Screenshots, Video oder Anwendungsschritte.
Verbinde den Zugang
Der Button führt je nach Status zu Demo, App, Warteliste oder Kauf.
AI ChatBeispielablauf
Beispielablauf · dein Projekt
Du
Was versteht der Besucher vor dem Klick?
KI · Beispielantwort
Vor dem Klick sollen Besucher Problem, Anwendung und Ergebnis von Test oder Kauf verstehen. Nutze Video, Screenshots oder eine einfache Prozessbeschreibung.
Du
Mein Produkt ist bereit für eine Demo. Plane die Seite aus Beschreibung und Screenshots: Zweck, Zielgruppe und Demo-Termin.
KI · Beispielantwort
Nenne Problem, verfügbare Funktionen, Zielgruppe und Produktstatus. Ergänze eigene Screenshots, Video oder Anwendungsschritte.
Nächste Schritte
Beschreibe das Produkt
Nenne Problem, verfügbare Funktionen, Zielgruppe und Produktstatus.
Zeige die Anwendung
Ergänze eigene Screenshots, Video oder Anwendungsschritte.
Verbinde den Zugang
Der Button führt je nach Status zu Demo, App, Warteliste oder Kauf.
Eine Seite, die das Produkt erklärt und zum Ausprobieren führt.
Beispieldialog, keine Live-KI oder abgeschlossene Veröffentlichung. Der Agent braucht Dateizugriff und deine Autorisierung externer Konten.
02 / Seitengeschichte
Was versteht der Besucher vor dem Klick?
Vor dem Klick sollen Besucher Problem, Anwendung und Ergebnis von Test oder Kauf verstehen. Nutze Video, Screenshots oder eine einfache Prozessbeschreibung. KI kann dies in Template-Bereiche einordnen.
01
Beschreibe das Produkt
Nenne Problem, verfügbare Funktionen, Zielgruppe und Produktstatus.
02
Zeige die Anwendung
Ergänze eigene Screenshots, Video oder Anwendungsschritte.
03
Verbinde den Zugang
Der Button führt je nach Status zu Demo, App, Warteliste oder Kauf.
Eine Seite, die das Produkt erklärt und zum Ausprobieren führt
Trage deine Angaben ein. Kopiere oder lade die Notiz zur Arbeit mit KI herunter.
03 / Design wählen
Welche Vorlage trägt deine Produkterklärung?
Relayline zeigt Prozess und Anwendungen, Draftwell eine kreative Produktgeschichte, Clearstead oder Veyra eine demonstrative Präsentation. Ersetze Beispieloberflächen durch eigene Bilder und Beschreibungen; das Template ist die Präsentationsseite, nicht deine App.
Relayline
Produktdarstellung mit Abläufen und Szenarien; Anwendung und Anmeldung sind separat.
Aktueller Download geprüft am 2. Oktober 2026. Prüfe die ausgewählten Dateien auf der Produktseite.
index.html
RECREATE.md
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
Du
Kannst du vor fertigen Seitentexten starten?
KI · Beispielantwort
Ja. Beschreibe das Produkt in einigen Sätzen, ergänze Bilder oder Screenshots und lasse KI Einleitung, Funktionen und FAQ entwerfen.
Du
Mein Produkt ist bereit für eine Demo. Plane die Seite aus Beschreibung und Screenshots: Zweck, Zielgruppe und Demo-Termin.
KI · Beispielantwort
Nenne Problem, verfügbare Funktionen, Zielgruppe und Produktstatus. Ergänze eigene Screenshots, Video oder Anwendungsschritte.
Nächste Schritte
Beschreibe das Produkt
Nenne Problem, verfügbare Funktionen, Zielgruppe und Produktstatus.
Zeige die Anwendung
Ergänze eigene Screenshots, Video oder Anwendungsschritte.
Verbinde den Zugang
Der Button führt je nach Status zu Demo, App, Warteliste oder Kauf.
Eine Seite, die das Produkt erklärt und zum Ausprobieren führt.
Beispieldialog, keine Live-KI oder abgeschlossene Veröffentlichung. Der Agent braucht Dateizugriff und deine Autorisierung externer Konten.
04 / Änderung ansehen
Kannst du vor fertigen Seitentexten starten?
Ja. Beschreibe das Produkt in einigen Sätzen, ergänze Bilder oder Screenshots und lasse KI Einleitung, Funktionen und FAQ entwerfen. Überarbeite den Entwurf, ergänze Preise und Verfügbarkeit und lasse Texte einsetzen. Unten ist eine vorbereitete Einleitungsänderung.
Vorbereitete Beispielbearbeitung; eigene Daten ergänzt du mit KI. Kein Ergebnis eines externen KI-Laufs.
Die Prototypgeschichte beim nächsten Schritt halten.
Fiktiver Übergabeprototyp für Kontext, Zuständigkeit und nächsten Schritt. Interface ist illustrativ; kein Konto, Produktdienst oder Signup entsteht.
Vorher · 04-relayline
Vorbereitete Beispielbearbeitung; eigene Daten ergänzt du mit KI. Kein Ergebnis eines externen KI-Laufs.Ganze Vorschau öffnen ↗
Nachher · begrenzter BriefBridge-Entwurf
Vorbereitete Beispielbearbeitung; eigene Daten ergänzt du mit KI. Kein Ergebnis eines externen KI-Laufs.Ganze Vorschau öffnen ↗
AI ChatBeispielablauf
Beispielablauf · dein Projekt
Du
Was passiert nach Anmeldung, Kauf oder Demo-Anfrage?
KI · Beispielantwort
Der Button führt zu App, Kauf, Demo-Buchung oder Warteliste. Gib der KI den Dienst-Link oder bitte um Anbindung.
Du
Ich möchte Anfragen in meinem Postfach erhalten. Schlage einen E-Mail-Link oder Formulardienst vor und sage, was du zum Verbinden brauchst.
KI · Beispielantwort
Nenne E-Mail-Adresse, Buchungslink oder gewünschten Formulardienst. Bitte die KI, Button oder Formular einzurichten, und autorisiere nötigen Dienstzugriff.
Nächste Schritte
Wähle das Ziel
Nenne E-Mail-Adresse, Buchungslink oder gewünschten Formulardienst.
Beauftrage die Verbindung
Bitte die KI, Button oder Formular einzurichten, und autorisiere nötigen Dienstzugriff.
Sende eine Testanfrage
Prüfe Postfach oder Dienst-Dashboard sowie die Bestätigung nach dem Absenden.
Ein Kontaktweg zum gewählten Empfänger.
Beispieldialog, keine Live-KI oder abgeschlossene Veröffentlichung. Der Agent braucht Dateizugriff und deine Autorisierung externer Konten.
05 / Ziel der Aktion
Was passiert nach Anmeldung, Kauf oder Demo-Anfrage?
Der Button führt zu App, Kauf, Demo-Buchung oder Warteliste. Gib der KI den Dienst-Link oder bitte um Anbindung. Teste anschließend den Ablauf und prüfe die Bestätigung im Dienst.
Lokal auf diesem Gerät markiert; nichts wird übermittelt.
Das Template liefert Design, Code und Anleitung; du ergänzt Produkt und Inhalte. Bitte danach einen KI-Agenten um Deployment auf Cloudflare Pages oder Vercel mit Kontoautorisierung oder gib das ZIP an Hoster/Entwickler.
Du
Ich bin mit der Bearbeitung fertig. Bereite die Veröffentlichung auf Cloudflare Pages per CLI oder API vor. Prüfe zuerst die Dateien und bitte mich um Kontoautorisierung.
KI · Beispielantwort
Ich prüfe den Ordner und bereite die Veröffentlichung vor. Zuerst bitte ich um Kontoautorisierung. Nach dem Deployment prüfen wir die zurückgegebene URL und verbinden die Domain.
Nächste Schritte
Bereite Dateien vor
Sichere die fertige Website. Der Agent prüft HTML, Bilder, Links und einen eventuell nötigen Build.
Autorisiere die Veröffentlichung
Wähle Cloudflare Pages oder Vercel und genehmige den Kontozugriff des Agenten.
Öffne die Online-Adresse
Prüfe nach dem Deployment Seite, Bilder und Kontaktweg und verbinde danach deine eigene Domain.
Ziel: eine Website online und eine Anleitung für die nächste Veröffentlichung.
Beispieldialog, keine Live-KI oder abgeschlossene Veröffentlichung. Der Agent braucht Dateizugriff und deine Autorisierung externer Konten.
06 / Dateien und Umfang
Welche Dateien und offenen Aufgaben gehören dazu?
Das Template liefert Design, Code und Anleitung; du ergänzt Produkt und Inhalte. Bitte danach einen KI-Agenten um Deployment auf Cloudflare Pages oder Vercel mit Kontoautorisierung oder gib das ZIP an Hoster/Entwickler. App und Zahlungen verbindest du separat.
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
Du
Welcher Kauf passt zu dieser Produktwebsite?
KI · Beispielantwort
Für einen Launch kannst du ein Template wählen. Vergleiche bei weiteren Produkten oder Kampagnen die volle PRO-Yearly- und Lifetime-Bibliothek.
Du
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 / Produktseite wählen
Welcher Kauf passt zu dieser Produktwebsite?
Für einen Launch kannst du ein Template wählen. Vergleiche bei weiteren Produkten oder Kampagnen die volle PRO-Yearly- und Lifetime-Bibliothek. Unten findest du Katalog und aktuelle Preise aller drei Optionen.
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.
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.
OneDollarStock setzt ein Projekt zur Vorbereitung der Plattform auf den Eintritt in den deutschen Markt im Rahmen des Akzelerationspfads „Go Global“ des Programms „Unicorn Hub Startup Booster“ um (Projektnr. FENG.02.28-IP.02-0013/23). Das Projekt wird aus Mitteln des Programms European Funds for Smart Economy 2021–2027 im Rahmen der Priorität „Innovation-friendly environment“, Maßnahme FENG.2.28 Startup Booster Poland, kofinanziert.
Mehr über das Projekt erfahren →
Savi
Template ansehen
Rondist
Template ansehen
Passer
Template ansehen
Outer Light
Template ansehen
Osma
Template ansehen
Nightglass
Template ansehen
Lark
Template ansehen
Drumlin
Template ansehen
Aveniq
Template ansehen
Novera
Template ansehen
Aurelia Atelier
Template ansehen
Nivora
Template ansehen
Savi
Template ansehen
Rondist
Template ansehen
Passer
Template ansehen
Outer Light
Template ansehen
Osma
Template ansehen
Nightglass
Template ansehen
Lark
Template ansehen
Drumlin
Template ansehen
Aveniq
Template ansehen
Novera
Template ansehen
Aurelia Atelier
Template ansehen
Nivora
Template ansehen
