Der KI-Seiten-Generator von Onepage hilft dir, komplette Seiten in wenigen Klicks zu erstellen, ideal für Homepages oder Landingpages. Dabei konzentriert sich die AI auf einzelne Seiten, nicht auf komplette Websites, und erstellt Inhalte und Layouts von Grund auf.
🎬 Am Ende des Artikels findest du unsere aktuelle Videoanleitung!
Grundlagen & Hinweise
Bevor du mit der Erstellung deiner Seite startest, ist es hilfreich, einige grundlegende Hinweise zu kennen, damit die AI bestmögliche Ergebnisse liefert.
Einzelseiten statt kompletter Websites: Die AI erstellt einzelne Seiten, nicht die gesamte Website.
Keine Kopien bestehender Seiten: Alle Inhalte und Designs entstehen neu, es werden keine bestehenden Seiten oder technischen Strukturen übernommen.
Mehr Abschnitte sind besser: Vermeide zu wenige Abschnitte, damit die AI die Seitenstruktur besser versteht.
Nur Layout, kein Code oder Analytics: Pixel, Tracking oder individueller Code können separat umgesetzt werden.
Tone-of-Voice-Angaben sind meist unnötig: Der gewählte Stil deckt bereits Tonfall und visuelle Vorgaben ab.
Variation funktioniert am besten auf Einzelseiten: Die AI experimentiert oft mit Schriftarten und Farben, was bei Einzelseiten besonders gut aussieht.
Projekt erstellen
Bevor wir zu den einzelnen Phasen übergehen, solltest du zunächst ein neues Projekt erstellen, damit du die AI-Seitenerstellung starten kannst.
Schritt 1: Neues Projekt starten
Klicke auf den blauen Button "Projekt erstellen".
Schritt 2: Erstelle eine Seite mit der KI
Klicke auf den Button "Webseite mit KI erstellen" und gib deiner Seite einen Seitennamen.
📌 Hinweis: Du musst nicht unbedingt ein neues Projekt erstellen, du kannst auch einfach eine neue Seite in einem bestehenden Projekt hinzufügen.
Effektive Prompts schreiben
Nun kannst du deinen Prompt formulieren. Ein guter Prompt besteht aus zwei Teilen:
1. Kern: Unternehmensname, Branche, Standort oder Zielgebiet.
2. Optionale Details: Angebote, Preise, Farben, Alleinstellungsmerkmal (USP) oder spezielle Aktionen.
Beginne mit der Kernidee und ergänze anschließend die Details. Halte den Prompt flexibel und vermeide zu technische, starre oder widersprüchliche Anweisungen.
Beispiele für gute Start-Prompts:
"Landingpage für eine Agentur, die kleinen Unternehmen KI-Lösungen anbietet. Name: TurboAI, Standort: Düsseldorf."
"Landingpage für eine Solarpaneel-Installationsfirma. Alleinstellungsmerkmal: 4-Tage-Installationsprozess von Anfang bis Ende. Standort: Deutschlandweit."
"Landingpage für einen Personal Trainer in Berlin. Bietet Online- und Präsenz-Sessions an. Call-to-Action: Kostenloses Beratungsgespräch. Farbe: #00008B."
"Landingpage für ein Café. Bietet vegane und glutenfreie Speisen an. Call-to-Action: Tischreservierung online. Standort: München.
Beispiele für schlechte Prompts:
"Baue mir eine Website mit Hero, Features, Testimonials, Pricing-Abschnitt mit 3 Spalten, Blau-Grün-Verläufe, sticky Footer." → zu detailliert
"Landingpage für ein Luxushotel, Zielgruppe Budget-Reisende, schlicht und luxuriös" → zu widersprüchlich
"Landingpage in HTML5, CSS, JavaScript mit Parallax, Navbar, Dropdowns.“
→ technische Details irrelevant
Nützliche Details hinzufügen:
Zusätzliche Details sind möglich, sollten aber kurz und klar formuliert sein.
Angebote → "Kostenlose Probestunde, begrenzte Plätze"
Verkaufsargumente (USP) → "Nur Bio-Produkte"
Farbpräferenzen → "Grün dominierend"
Gib der AI genug Freiraum zum Ideieren, zu viele Regeln verschlechtern oft die Ergebnisse.
📌 Hinweis: Die KI erstellt keine Impressums- oder Datenschutzseiten. Für diese Seiten wird daher keine Generierung durchgeführt.
Bitte beachte außerdem, dass die KI keine Texte übernimmt, die du selbst in den Prompt schreibst. Sie erstellt eigene Inhalte, die du anschließend bei Bedarf anpassen oder austauschen kannst.
Also ein Beispiel: "Erstelle eine Landingpage für eine Gesundheits- und Fitness-App mit einem Call-to-Action-Button ‚Jetzt anmelden‘".
Stil wählen
Der Stil bestimmt das Erscheinungsbild und die Wirkung der Seite. Jeder Stil hat seine eigene Persönlichkeit:
Direkt: Dieser Stil ist stark auf Verkauf und Aktionen ausgerichtet. Die Seite führt Besucher gezielt zu einer Handlung, zum Beispiel einem Kauf, einer Anmeldung oder einer Terminbuchung. Häufig werden klare Überschriften, Vorteile und auffällige Call-to-Action-Buttons verwendet.
Formell: Dieser Stil wirkt seriös, professionell und vertrauenswürdig. Er eignet sich besonders für Unternehmen, bei denen Glaubwürdigkeit wichtig ist, zum Beispiel Beratungen, Agenturen oder Finanzdienstleister. Das Design ist eher klassisch und zurückhaltend.
Modern: Dieser Stil ist klar, minimalistisch und zeitgemäß. Er setzt auf viel Weißraum, moderne Schriftarten und ein aufgeräumtes Design. Dadurch wirkt die Seite frisch und innovativ, was besonders gut zu Start-ups, Tech-Produkten oder kreativen Projekten passt.
Du kannst auch festlegen, ob das Design eher hell oder dunkel gestaltet sein soll.
Sprache ändern
Über das Zahnrad kannst du die Sprache und die Region einstellen. Dadurch wird der Inhalt der Seite in der gewünschten Sprache erstellt.
Die Region hilft der KI zusätzlich dabei, Inhalte besser an das jeweilige Land anzupassen, zum Beispiel bei Formulierungen, Währungen oder der Zielgruppe.
📌 Hinweis: Aktuell unterstützen wir die Sprachen Deutsch, Englisch, Ukrainisch, Polnisch, Spanisch und Französisch.
Wenn deine gewünschte Sprache nicht dabei ist, kannst du der AI im Prompt eine entsprechende Anweisung geben, zum Beispiel, dass die Seite auf Portugiesisch erstellt werden soll.
Planungsphase
Bevor die AI die Seite erstellt, gelangst du in die Planungsphase:
Du kannst jetzt deinen Strukturplan einsehen und prüfen, ob die Struktur für dich passt. Bei Bedarf kannst du Abschnitte ergänzen, löschen oder ändern.
Final generieren
Die AI erstellt deine vollständige Webseite in nur wenigen Augenblicken.
Du kannst diesen Vorschlag im Anschluss akzeptieren oder von vorne beginnen (Re-Generierung).
So entsteht in nur wenigen Minuten eine komplette Webseite, die bereits den Großteil deiner Anforderungen erfüllen sollte. Jetzt kannst du diese noch individuell verfeinern.
Re-Generierung
Solltest du mit dem ersten Ergebnis nicht zufrieden sein, kannst du einen neuen Versuch starten. Mit Re-Generieren bleibt die Struktur gleich, Inhalte und Design werden neu erstellt. Onepage verbessert die Seite bei jedem neuen Versuch, statt nur Wörter neu anzuordnen.
Willst du das Layout komplett ändern, starte neu in der Planungsphase.
📌 Hinweis: Jede Generierung ersetzt die gesamte Seite durch neue Inhalte. Auf bestehenden Seiten solltest du daher vorsichtig sein, da die alten Inhalte nach der Bestätigung nicht wiederhergestellt werden können.
Wenn du verschiedene Ergebnisse vergleichen möchtest, empfehlen wir, eine neue Seite zu erstellen, statt eine bestehende Seite zu überschreiben.
Video-Tutorial
Für einen besseren Überblick über den Ablauf kannst du dir auch unser Video-Tutorial unten ansehen:
💡Du hast Feedback zu diesem Hilfe-Artikel? Teile es gerne mit uns über den Live-Chat oder an support@onepage.io, damit wir ihn auf dem neuesten Stand halten können. 🙂