Eine eigene Website erstellen Sie in sechs Schritten: Sie legen fest, wofür die Seite da ist, schreiben die Texte, wählen einen Weg zum Bauen, bauen die Seiten, ergänzen die Pflichtangaben und stellen alles unter Ihrer Domain online. Programmierkenntnisse brauchen Sie dafür heute nicht mehr. Diese Anleitung zeigt jeden Schritt an einem konkreten Beispiel, der Website einer kleinen Yogaschule, gebaut mit VibeDream.
Schritt 1: Ziel und Seiten festlegen
Klären Sie vor dem ersten Klick, was Besucher auf Ihrer Website tun sollen. Bei der Yogaschule ist es eine Sache: eine Probestunde anfragen. Daraus ergeben sich die Seiten:
- Startseite: wer Sie sind, für wen das Angebot ist und ein klarer Button zur Probestunde.
- Kurse: Zeiten, Stile und Preise.
- Über uns: Ihre Geschichte, Fotos und Qualifikationen.
- Kontakt: Adresse, Anfahrt und ein Formular.
- Impressum und Datenschutzerklärung.
Für eine private Homepage reichen oft zwei oder drei Seiten. Weniger Seiten mit guten Texten wirken besser als viele halbleere Seiten.
Schritt 2: Texte zuerst schreiben
Schreiben Sie die Texte, bevor Sie bauen. Eine Website mit Platzhaltern sieht fertig aus und ist es nicht. Notieren Sie für jede Seite eine Überschrift, zwei oder drei kurze Absätze und eine Handlung, zum Beispiel „Probestunde anfragen“. Schreiben Sie so, wie Ihre Kundschaft spricht, und nennen Sie konkrete Dinge wie Kurszeiten oder Preise statt allgemeiner Versprechen.
Schritt 3: Den passenden Weg wählen
- Selbst programmieren: volle Kontrolle, aber Sie müssen HTML, CSS und das Veröffentlichen lernen.
- Website-Baukasten: Vorlagen per Drag-and-drop anpassen. Schnell, aber Sie bleiben an den Anbieter gebunden.
- KI-Website-Builder: Sie beschreiben die Seiten in normaler Sprache, und die KI schreibt den Code. Bei VibeDream gehört Ihnen der Code, Sie können ihn als ZIP herunterladen oder mit GitHub synchronisieren.
Schritt 4: Die Website mit KI bauen
Bei VibeDream klicken Sie auf New Project. Sie können mit Direct Prompt bei null beginnen oder eine Vorlage wählen, etwa die Aesthetic Landing Page, die bereits Seiten für Preise, Über uns, Kontakt, Datenschutz und Bedingungen mitbringt. Die Oberfläche ist derzeit auf Englisch, Ihre Prompts schreiben Sie auf Deutsch:
Erstelle eine Website für die Yogaschule „Atemraum“ in Freiburg.
Seiten: Startseite mit Button „Probestunde anfragen“, Kurse (Hatha Mo und Mi 18 Uhr, Yin Fr 19 Uhr, je 90 Minuten), Über uns, Kontakt mit Formular, Impressum und Datenschutz.
Anfragen aus dem Formular speichern und auf einer passwortgeschützten Seite /anfragen anzeigen.
Optik: ruhig, viel Weißraum, sanftes Grün, große Schrift, zuerst fürs Handy.
Alle Texte auf Deutsch, Anrede mit „Sie“.Die Vorschau erscheint neben dem Chat. Schalten Sie auf die Handyansicht, denn die meisten Besucher kommen mit dem Smartphone. Ersetzen Sie danach die Platzhalter durch Ihre Texte aus Schritt 2, eine Seite pro Nachricht. Schicken Sie zum Test eine Anfrage ab und prüfen Sie, ob sie auf /anfragen erscheint.
Schritt 5: Impressum und Datenschutzerklärung
Für geschäftsmäßige Websites in Deutschland ist ein Impressum nach § 5 DDG mit Namen, Anschrift und Kontaktmöglichkeit Pflicht. Sobald Ihre Seite personenbezogene Daten verarbeitet, etwa über ein Kontaktformular, brauchen Sie außerdem eine Datenschutzerklärung nach DSGVO. Wenn Sie Anfragen über ein Formular speichern, verarbeiten Sie personenbezogene Daten und sollten prüfen, ob Sie einen Auftragsverarbeitungsvertrag mit dem Anbieter brauchen. Auch rein private Seiten sollten prüfen, ob sie betroffen sind. Die KI kann die Seiten anlegen, die Inhalte sollten Sie aber mit einem seriösen Generator erstellen oder rechtlich prüfen lassen.
Schritt 6: Mit eigener Domain online gehen
Klicken Sie auf Put it online und wählen Sie einen Namen. Nach etwa 1 bis 3 Minuten ist die Seite unter einer Adresse wie atemraum.vibedreams.ai mit HTTPS erreichbar. Das kostet 5 Credits, das Hosting ist inklusive. Änderungen gehen erst live, wenn Sie auf Update it klicken.
Für Ihre eigene Domain legen Sie beim Domainanbieter einen TXT- und einen CNAME-Eintrag an. Domains ohne www werden noch nicht unterstützt, verbinden Sie also www.atemraum.de und leiten Sie atemraum.de beim Anbieter dorthin weiter. Das Zertifikat wird automatisch ausgestellt. Die englische Anleitung zur Veröffentlichung zeigt jeden Klick.
VibeDream kostet ab 49 US-Dollar im Monat, alle Tarife stehen auf der Preisseite. Wenn auf Ihrer Website später mehr passieren soll, etwa Buchungen mit Login, lesen Sie App erstellen mit KI.