Webseite bauen in 90 Minuten mit Claude & Onepage (GUIDE)

Stell dir vor, du baust eine professionelle Website – mit Animationen, Testimonials, klarer Struktur und allem Drum und Dran – in gerade mal zwei Stunden. Ohne eine einzige Zeile Code zu schreiben. Klingt unrealistisch? Ist es nicht. Wer die richtigen Tools miteinander verbindet, kann genau das heute schon umsetzen. In diesem Artikel zeigst du dir Schritt für Schritt, wie du mit Claude (KI) und OnePage deine eigene Website baust – egal ob für dich selbst oder für deine Agenturkunden.

Der Setup: Was du brauchst, bevor es losgeht

Bevor du in den kreativen Teil eintauchst, braucht es eine saubere technische Basis. Zwei Tools stehen im Mittelpunkt:

• OnePage – der Website-Builder, über den die fertige Seite läuft
• Claude – die KI, die den Großteil der Arbeit übernimmt

Das Entscheidende: Du musst beide Tools miteinander verbinden. Nur so kann Claude direkt in deinen OnePage-Account schreiben, Sektionen bauen und Änderungen in Echtzeit umsetzen.

So verbindest du Claude mit OnePage

Die Verbindung läuft über die sogenannten Konnektoren in Claude. So gehst du vor:

1. Öffne Claude und navigiere zu den Einstellungen.
2. Wähle dort den Bereich Konnektoren aus.
3. Klicke auf das Plus-Symbol, um einen neuen Connector hinzuzufügen.
4. Wähle „Anpassen" und trage dort die Zugangsdaten deines OnePage-Accounts ein.
5. Sobald die Verbindung steht, erscheint OnePage als aktive Integration im Chat.

Wichtig: Du benötigst bei OnePage einen Account, der KI-Tools unterstützt. Der kleinste passende Plan startet bei etwa 30 € pro Monat. Außerdem gilt: Greife auf deine KI-gebaute Seite immer über Beta Seite zu – nicht über den normalen OnePage-Login. Andernfalls lädt die Seite nicht korrekt.

Vom leeren Dokument zur fertigen Website – der Bauprozess

Sobald die Verbindung steht, beginnt der eigentlich spannende Teil. Und hier liegt das Herzstück der ganzen Methode: Je besser dein Input an die KI, desto besser der Output.

Schritt 1: Grundinformationen und Vorgaben liefern

Bevor Claude auch nur eine Sektion baut, braucht sie einen klaren Briefing-Rahmen. Das bedeutet konkret:

• Branche und Projektbeschreibung – Was ist das Thema der Website? Was bietest du an?
• Schriftart und Farbpalette – Zum Beispiel ein bestimmtes Blau als Primärfarbe
• Beispielseiten als Referenz – Screenshots oder Links zu Seiten, die dir gefallen
• Gewünschte Seitenstruktur – Welche Sektionen soll die Seite enthalten?

Eine bewährte Grundstruktur für eine Marketing- oder Angebotsseite sieht zum Beispiel so aus:

1. Hero-Sektion – erster Eindruck, klare Botschaft
2. Problemdarstellung – warum braucht der Besucher dein Angebot?
3. Das System / deine Lösung
4. Fallstudien / Ergebnisse
5. Über mich
6. FAQ
7. Call to Action

Du kannst auch explizit sagen, dass ein VSL (Video Sales Letter) integriert werden soll – Claude berücksichtigt das und plant den passenden Platz dafür ein.

Schritt 2: Rohversion erstellen lassen

Nachdem du die Grundinformationen gegeben hast, beginnt Claude mit dem Aufbau. Die KI baut Sektion für Sektion – und zwar nicht nur den Text, sondern auch:

• Animationen (z. B. einfliegende Zahlen bei Testimonials, Hover-Effekte auf Buttons)
• Interaktive Elemente (z. B. Klapp-Inhalte, die sich bei Mausklick öffnen)
• Layoutstruktur direkt im One-Page-Builder

Das ist der Moment, in dem du merkst, wie viel Zeit diese Methode spart. Dinge, die ein Webdesigner Stunden kosten würden, übernimmt Claude in Minuten.

> Merke: Starte immer mit der Grundversion. Perfektionismus in frühen Phasen kostet dich Zeit, die du nicht brauchst. Erst wenn die Rohversion steht, geht es in die Tiefe.

Schritt 3: Iterieren, verfeinern, verbessern

Die erste Version ist nie die letzte – und das ist auch völlig in Ordnung. Im nächsten Schritt gehst du in den Dialog mit Claude und verfeinerst gezielt:

• „Animiere die Testimonial-Sektion, wenn man drüber scrollt."
• „Füge ein Cookie-Banner ein, damit ich rechtlich auf der sicheren Seite bin."
• „Was könnte die Seite noch gebrauchen, um überzeugender zu wirken?"

Dieser letzte Punkt ist besonders wertvoll: Du kannst Claude nicht nur Anweisungen geben, sondern sie auch selbst Ideen vorschlagen lassen. Die KI denkt mit – und schlägt zum Beispiel vor, Testimonial-Videos zu ergänzen oder bestimmte Social-Proof-Elemente einzubauen.

Zusätzlich kannst du eigene Grafiken hochladen, die dir bei anderen Websites gut gefallen haben. Claude nutzt diese dann als visuelle Orientierung.

Schritt 4: Texte finalisieren und live gehen

Wenn die Struktur steht und die Optik passt, bleibt noch eine Aufgabe, die du selbst übernehmen solltest: die finalen Texte anpassen. Die KI liefert eine starke Basis, aber deine persönliche Stimme, deine echten Zahlen und deine spezifischen Angebote musst du selbst einsetzen.

Sobald das erledigt ist, kannst du die Seite direkt über Claude mit der richtigen Domain verknüpfen und live schalten – alles ohne manuelles Hochladen oder Konfigurieren.

Der Hebel für Agenturen: Skalierung durch Templates

Wer als Freelancer oder Agenturinhaber arbeitet, kann diese Methode auf ein völlig neues Level heben. Das Grundprinzip: Hast du einmal ein funktionierendes Template erstellt, lässt sich dieses für jeden neuen Kunden individualisieren – mit minimalem Aufwand.

So könnte der Workflow aussehen:

1. Onboarding-Call mit dem Kunden führen und transkribieren
2. Transkript in Claude einspeisen – zusammen mit dem bestehenden Template
3. KI baut eine kundenspezifische Version auf Basis des Calls
4. Feinheiten anpassen, finale Texte einfügen, live stellen

Das bedeutet: Dein Fulfillment wird automatisch schneller, günstiger und konsistenter – ohne Qualitätsverlust.

Fazit: Weniger Hürden, mehr Output

Die Kombination aus Claude und OnePage zeigt eindrucksvoll, wo KI heute schon steht. Du brauchst keine Programmierkenntnisse, kein tiefes Webdesign-Wissen und keinen teuren Freelancer mehr, um eine professionelle Website zu erstellen. Was du brauchst, ist ein klares Briefing und die Bereitschaft, iterativ zu arbeiten.

Die wichtigste Erkenntnis: Qualität beginnt beim Input. Wer der KI präzise Vorgaben macht – Farben, Struktur, Referenzen, Zielgruppe – bekommt Ergebnisse, die sich wirklich sehen lassen können.

Probier es heute selbst aus: Skizziere auf einem Blatt Papier, wie deine ideale Website aussehen soll, welche Sektionen sie braucht und welche Farben und Schriften zu dir passen. Dann öffne Claude, verbinde OnePage und leg los. Zwei Stunden später könnte deine neue Website bereits online sein.