Website-Vorlagen für Unternehmen. Erstelle deine eigene Website und aktualisiere sie selbst mit KI, wenn sich dein Angebot ändert.
Führe Besucher klar durch Leistungen, Erfahrung und Kontakt. Wähle eine Struktur dafür, wie Kunden dein Unternehmen kennenlernen und den ersten Schritt machen.
Beispieldesigns · ersetze die fiktiven Inhalte durch deine eigenen.
AI ChatBeispielablauf
Kundenfragen
Du
Zeige Angebot, Tätigkeitsort und Angebotsanfrage meiner Firma klar.
KI · Beispielantwort
Gib mir Angebot, Beispiele und Kontaktweg. Ich kann sie in die Abschnitte einsetzen und bei Bedarf Abschnitte verschieben oder ergänzen.
Website-Inhalte ordnen
Material sammeln
Nutze Leistungsbeschreibungen, Projektbilder und Kontaktdaten.
Ins Template einsetzen
Lass Beispielabschnitte ersetzen und gewünschte Designelemente behalten.
Umordnen oder Seite ergänzen
Ziehe Wichtiges nach vorn oder ergänze für mehr Details eine Seite.
Danach: Angebot und Kontakt aus Besuchersicht finden.
Beispieldialog, keine Live-KI-Sitzung.
01 / Kundenfragen
Was muss vor einer Kundenanfrage klar sein?
Kunden sollten wissen, was du anbietest, für wen die Leistung passt, wo du arbeitest und wie sie ein Angebot anfragen. Setze diese Angaben in Leistungs- und Kontaktabschnitte ein. So verstehen sie dein Angebot vor der ersten Nachricht.
Das Angebot
Sage, was enthalten ist und welchen Kundenbedarf es anspricht.
Die Eignung
Zeige relevante Voraussetzungen, Ausschlüsse und Verfügbarkeit.
02 / Business-Designs
Wie sollten deine Leistungen geordnet sein?
Starte mit dem passendsten Leistungsaufbau: Kurse in Morrow, Beratung in Orbit, eine visuelle Praxis in Verdan oder Lehrprogramm in Framewise. Lass KI Namen, Beschreibungen und Kontaktweg auf dein Angebot ändern. Der Aufbau ist bereits vorhanden.
Morrow
Kurse, Erstbesuch und ruhige Studiopräsentation; Buchung bleibt separat.
Aktueller Download geprüft am 2. Oktober 2026. Prüfe die ausgewählten Dateien auf der Produktseite.
index.html
RECREATE.md
assets/creator-blue.png
assets/creator-coral.png
assets/creator-lilac.png
assets/creator-mint.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.
Quelldateien und technische Details ansehen
Morrow: Reihenfolge im Original
07-morrow/ index.html · main section order
Exakte Reihenfolge im aktuellen HTML. Englische Originalüberschriften, kein vorgeschlagener Neuaufbau.
01 #home — Make roomfor yourself.
02 #begin — Take it at your pace.
03 #unnamed — (visual section)
04 #classes — A little movement.A little space.
05 #studio — A shared space.Your own rhythm.
06 #retreat — A slower weekend.
07 #first-visit — You can start here.
08 #journal — A few thoughts onmoving, noticingand making space.
Orbit: Reihenfolge im Original
03-orbit/ index.html · main section order
Exakte Reihenfolge im aktuellen HTML. Englische Originalüberschriften, kein vorgeschlagener Neuaufbau.
01 #home — Intelligence, applied.
02 #unnamed — Concept studies
03 #identity — (visual section)
04 #studio — ORBIT AI is a concept studio for useful AI. We turn repetitive workflows into clear, testable product ideas — with thoughtful interfaces and people in control.
05 #work — Concept studies
06 #approach — From the first workflow sketch to final review, we explore how AI can fit the way a team works. Each concept starts with a task, a person and a clear boundary.
07 #services — Discovery
08 #process — From ideato workflow.
09 #contact — Make room forbetter work.
Frage des Besuchers
Stelle im Original
Was die Originalseite zeigt
Was Ihre Website braucht
Passt die Leistung zu mir?
Morrow #classes / Orbit #services
Morrow unterscheidet sechs Kursarten, Orbit acht Leistungsbereiche.
Echte Voraussetzungen, Ausschlüsse und Ergebnisse.
Vorbereitung auf den ersten Besuch gegenüber Ablauf → Prototyp → menschliche Prüfung.
Unterlagen, Zeitrahmen und Verantwortung für den ersten Schritt.
Was kann ich prüfen?
Morrow #studio / Orbit #work
Studio-Kontext und fiktive Konzeptstudien statt Qualifikationen oder Kundenergebnisse.
Echte Identität, Standort, erlaubte Arbeiten und belegte Qualifikationen.
Wer erhält meine Anfrage?
Orbit #brief-dialog / Morrow local contact detail
Orbit erstellt ein Briefing im Browser. Keine der Quellen liefert Postfach oder Buchungssystem.
Empfänger oder Terminservice wählen und Empfang vor Veröffentlichung prüfen.
Morrow
Mitgelieferte englische Originalseite mit fiktiven Inhalten. Ganze Seite öffnen, um Aufbau und Bedienung zu prüfen.Ganze Vorschau öffnen ↗
Orbit
Mitgelieferte englische Originalseite mit fiktiven Inhalten. Ganze Seite öffnen, um Aufbau und Bedienung zu prüfen.Ganze Vorschau öffnen ↗
AI ChatBeispielablauf
Vertrauen durch Fakten
Du
Nutze echte Projekte und Erfahrung statt Beispielbewertungen.
KI · Beispielantwort
Schicke Auftrag, deinen Beitrag und fertige Bilder. Ich kann daraus einen kurzen Projekttext neben den Arbeiten erstellen. Ergebnisse verwende ich nur aus deinen Angaben.
Ein echtes Projekt hinzufügen
Projekt und Auftrag
Nenne Kunde oder Projekt und erkläre die beauftragte Aufgabe.
Dein Beitrag
Beschreibe deinen Lieferumfang und zeige passende Bilder oder Screenshots.
Ergebnis
Zeige die fertige Arbeit. Geschäftsergebnisse ergänzt du, wenn sie belegt sind; sonst erklärst du das Gelieferte.
Danach: Projekttext neben eigenen Bildern lesen.
Beispieldialog, keine Live-KI-Sitzung.
03 / Vertrauen durch Fakten
Was kann ein Kunde über dein Unternehmen prüfen?
Kunden können Arbeiten, die Menschen hinter der Leistung und Kontaktdaten ansehen. Ergänze Projektfotos, kurze Beispiele und passende Erfahrung. Beim Start beschreibst du Angebot und Arbeitsweise, statt die Beispielbewertungen zu übernehmen.
Lokal auf diesem Gerät markiert; nichts wird übermittelt.
AI ChatBeispielablauf
Kundeneinstieg
Du
Erkläre am Formular die Kundenangaben und meine Antwort mit Angebot oder Termin.
KI · Beispielantwort
Ich kann deinen Ablauf am Formular erklären: Kunden senden den Brief, du liest ihn und antwortest mit Fragen, Angebot oder Terminlink. Sage, welche Angaben nötig sind. Der angebundene Formulardienst liefert sie ins Postfach.
Ablauf nach der Anfrage erklären
Ziel wählen
Nutze E-Mail-Adresse, Formular-Empfangsdienst oder deinen Buchungslink.
Mit KI verbinden
Gib das Ziel an und lasse Button oder Formular anbinden. Private Zugangsdaten gehören in die autorisierte Einrichtung, nicht in öffentliches HTML.
Test senden
Prüfe den tatsächlichen Nachrichteneingang oder Termin im Dienst, nicht nur eine Erfolgsmeldung auf der Seite.
Danach: Testnachricht oder Buchung im Empfangsdienst prüfen.
Beispieldialog, keine Live-KI-Sitzung.
04 / Kundeneinstieg
Was passiert nach der ersten Anfrage?
Du erhältst die Beschreibung, prüfst den Auftrag und antwortest mit Fragen, Angebot oder Terminlink. Erkläre den Ablauf am Formular, damit Kunden wissen, was sie schicken sollen. Du bestimmst die Anfragebearbeitung in deiner Firma.
01
Kunde sendet Brief
Formular oder E-Mail enthält Aufgabe, Zeitraum und Antwortadresse.
02
Du antwortest
Antworte mit Fragen, Angebot oder Terminlink nach deinem tatsächlichen Ablauf.
AI ChatBeispielablauf
Funktionierender Kontakt
Du
Verbinde den Buchungsbutton mit meinem Kalender und hilf beim Termintest.
KI · Beispielantwort
Wähle E-Mail, Formular-Empfangsdienst oder Buchungslink. Ich kann das Ziel anbinden und bei einer Testsendung helfen. Eine Meldung im Browser belegt noch keinen Eingang.
Anfragen mit deinem Postfach verbinden
Ziel wählen
Nutze E-Mail-Adresse, Formular-Empfangsdienst oder deinen Buchungslink.
Mit KI verbinden
Gib das Ziel an und lasse Button oder Formular anbinden. Private Zugangsdaten gehören in die autorisierte Einrichtung, nicht in öffentliches HTML.
Test senden
Prüfe den tatsächlichen Nachrichteneingang oder Termin im Dienst, nicht nur eine Erfolgsmeldung auf der Seite.
Danach: Testnachricht oder Buchung im Empfangsdienst prüfen.
Beispieldialog, keine Live-KI-Sitzung.
05 / Funktionierender Kontakt
Erhält dein Unternehmen die Nachricht oder Buchung?
Ja, sobald Formular, E-Mail-Link oder Buchungsbutton an deinen Dienst angebunden ist. Lass KI das Ziel einsetzen und teste es. Für Buchungen verbindest du Kalender oder Buchungsdienst, damit Kunden einen tatsächlich freien Termin wählen können.
Ziel wählen
Nutze E-Mail-Adresse, Formular-Empfangsdienst oder deinen Buchungslink.
Mit KI verbinden
Gib das Ziel an und lasse Button oder Formular anbinden. Private Zugangsdaten gehören in die autorisierte Einrichtung, nicht in öffentliches HTML.
Test senden
Prüfe den tatsächlichen Nachrichteneingang oder Termin im Dienst, nicht nur eine Erfolgsmeldung auf der Seite.
Quelldateien und technische Details ansehen
Orbit: lokale Datei statt empfangener Anfrage
03-orbit/ script: #download-brief click handler
Der Originalhandler erzeugt einen Text-Blob und startet einen Download. Desktop-Test zeigte ein hypothetisches Briefing und den Download-Status; der Browser lieferte keinen Nachweis der gespeicherten Datei. Keine E-Mail und kein empfangener Kontakt wurden behauptet.
$('#download-brief').addEventListener('click',()=>{const url=URL.createObjectURL(new Blob([briefText],{type:'text/plain;charset=utf-8'}));const link=document.createElement('a');link.href=url;link.download='orbit-ai-sample-brief.txt';link.click();setTimeout(()=>URL.revokeObjectURL(url),1000);$('.status').textContent='Your brief has been prepared for download. Nothing has been sent.'});
Orbit
Mitgelieferte englische Originalseite mit fiktiven Inhalten. Ganze Seite öffnen, um Aufbau und Bedienung zu prüfen.Ganze Vorschau öffnen ↗
AI ChatBeispielablauf
Leistungen aktuell halten
Du
Aktualisiere Leistungen und Telefonnummer im aktuellen Website-Ordner.
KI · Beispielantwort
Ich kann den gelieferten HTML-Code mit deinen Inhalten und Bildern bearbeiten. Sage, was geändert und behalten werden soll. Danach können wir die Vorschau weiter anpassen.
Vorlage zu deiner Website machen
Aktuellen Ordner nutzen
Arbeite mit den zuletzt veröffentlichten Dateien, damit bisherige Änderungen erhalten bleiben.
Änderung beschreiben
Gib KI die neuen Angaben und nenne Abschnitt oder Element.
Prüfen und veröffentlichen
Öffne die geänderte Seite und lade das aktualisierte Projekt auf dem bisherigen Hosting hoch.
Danach: eigene Inhalte in der geänderten Website ansehen.
Beispieldialog, keine Live-KI-Sitzung.
06 / Leistungen aktuell halten
Kann ich Leistungen und Angaben später ändern?
Ja. Öffne das aktuelle Projekt und beschreibe die Änderung: Leistung, Teammitglied, Preis, Telefonnummer oder Adresse. KI kann die Angaben bei gleichem Layout bearbeiten. Prüfe die Vorschau und veröffentliche die Dateien im bestehenden Hosting-Projekt.
Vorbereitetes Template-Beispiel ansehen
›_ Beispiel für KI-BearbeitungFormwell
Du
Ergänze eine neue Leistung im vorhandenen Leistungsabschnitt und erhalte das Design.
KI · Beispielantwort
Das vorbereitete Formwell-Beispiel ergänzt eine Leistung. Deine Unternehmensversion braucht freigegebene Leistungsangaben und einen geprüften Kontaktweg.
Vorbereiteter Dialog und Projektversionen. Keine Live-Verbindung zu einer KI.
07 / Bereit zur Auswahl
Was prüfe ich noch vor dem Kauf?
Prüfe Platz für Leistungen und Projekte und wähle den Kontaktweg. KI kann spätere Änderungen und die Veröffentlichung unterstützen. Hosting und Domain sind separat; ein CMS ist optional, wenn du ein eigenes Redaktionspanel möchtest.
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
