Website-Erstellung mit KIWhite LabelIn EntwicklungV1.0Erscheint am · Frühling 2027

Ardon

Ihre eigene Plattform für KI-Website-Erstellung, unter Ihrer Marke.

Ardon ist der KI-Website-Builder, den Sie einmal installieren und als Ihr eigenes Geschäft betreiben. Ihre Kunden beschreiben die gewünschte Website, sehen live in ihrem Browser zu, wie sie entsteht, und veröffentlichen sie auf ihrer Domain. Sie legen Pakete, Credits und Preise fest; Ardon kassiert, rechnet ab und verfolgt die Nutzung für Sie.

Unter Ihrer MarkeVorschau im BrowserVeröffentlichung auf Ihrer Domain
Startseite von Ardon: „Starten Sie Ihre eigene Plattform für KI-Website-Erstellung“ und die Vorschau eines Projekts in Lab
Echter Screenshot der Ardon-Plattform

Warum Ardon

Eine Website zu erstellen heißt heute,
zwischen drei schlechten Optionen zu wählen.

Eine Agentur bezahlen und wochenlang warten, sich mit einem starren Baukasten herumschlagen oder von einer gehosteten KI abhängen, deren Rechnung mit jedem neuen Kunden steigt. Ardon löst alle drei Probleme.

Explodierende Kosten

Klassische KI-Builder lassen die Builds auf ihren Servern laufen: mehr Kunden, höhere Rechnung. Ardon führt die Vorschau im Browser des Kunden aus; Ihr Server liefert nur die Anwendung.

Blackboxes

Baukästen sperren die Seiten in ein proprietäres Format. Ardon schreibt echte React-, Vite- und Tailwind-Dateien, die sich öffnen, exportieren und versionieren lassen.

Verlorene Wochen

Zwischen Brief und Go-live vergehen ganze Sprints. Mit Lab wird ein Brief in derselben Session zu einer klickbaren Seite.

So funktioniert es

Vom Brief zur Live-Website, in einer einzigen Session

  1. 01

    Den Brief schreiben

    Der Kunde beschreibt die Website oder das Produkt. Lab schärft die Idee gemeinsam mit ihm, bevor der Arbeitsbereich geöffnet wird.

  2. 02

    Der Website beim Entstehen zusehen

    Die KI verfasst die Seiten und schreibt die Dateien; die Vorschau aktualisiert sich laufend im Browser.

  3. 03

    Dateien nachbearbeiten

    Eine weitere Anfrage im Chat oder eine gezielte Änderung im Code-Editor und im Terminal.

  4. 04

    Veröffentlichen

    Auf einer Subdomain oder der per DNS verifizierten Domain des Kunden. Oder Export und Push auf GitHub.

Lab: „What should we build?“, das Brief-Feld und Projektideen
Lab, der Ausgangspunkt jedes Projekts
Produkttour von Ardon in vier Schritten: Brief schreiben, Canvas prüfen, Dateien bearbeiten, veröffentlichen
Die Produkttour auf der öffentlichen Website von Ardon

Funktionen

Alles, was Sie zum Verkauf von Websites brauchen, an einem Ort

Lab

Der Arbeitsbereich: Brief, Chat, Vorschau, Dateien und Konsole an einem Ort.

Live-Vorschau

Eine Node.js-Engine läuft im Browser: Paketinstallation und Vorschauserver ohne Server bei Ihnen.

Echte Dateien

React 19, Vite und Tailwind CSS, bearbeitbar in CodeMirror, als Archiv exportierbar.

Acht KI-Anbieter

Claude, OpenAI, Gemini, xAI, DeepSeek, Groq, Mistral, Zhipu: Sie wählen die Modelle und Ihre Schlüssel.

GitHub

Import eines bestehenden Repositorys, Fork, Repository-Verknüpfung und Push der Dateien.

Supabase

Eine Datenbank und Benutzerkonten für Websites, die sie brauchen.

Domains

Kostenlose Subdomain, eigene per DNS verifizierte Domain, automatisches HTTPS.

Bildmaterial

Fotosuche bei Unsplash und Pixabay direkt aus dem Projekt.

Ihr Geschäft, schlüsselfertig

Eine Konsole zur Steuerung von Kunden, Paketen und Umsätzen

Die Admin-Konsole vereint Mitglieder und ihre Rollen, die Lab-Nutzung und fehlgeschlagene Durchläufe, Pakete und Credits, Zahlungsmethoden, Abonnements, Rechnungen, Blog und Seiten. Ihre KI- und Zahlungsschlüssel werden hier eingegeben und verschlüsselt in der Datenbank gespeichert.

  • Zahlungen über Stripe und PayPal: Abonnements, Erstattungen, Webhooks
  • Tokengenau abgerechnete Lab-Credits, je nach verwendetem Modell
  • Rechnungen, Abonnements und Hauptbuch der Zahlungsereignisse
  • Rollen, aktive Sessions und Zwei-Faktor-Authentifizierung
  • Oberfläche auf Englisch, Französisch und Deutsch, im hellen oder dunklen Modus
Admin-Konsole von Ardon: Mitglieder, Lab, Unterhaltungen, wiederkehrende Umsätze, Zahlungseingänge und Sessions
Die Admin-Konsole, auf einem Demo-Konto

Drei Pakete, über die Konsole einstellbar

Die Pakete legen die Anzahl der Projekte, die monatlichen Lab-Credits, die Domains, den Export und den GitHub-Import fest. Limits und Preise lassen sich ändern, ohne den Code anzufassen.

Free

Zum Kennenlernen von Lab.

  • 3 Projekte
  • 100 Lab-Credits pro Monat

Pro

Für Freelancer und kleine Teams.

  • 25 Projekte
  • 2.500 Lab-Credits pro Monat
  • Eigene Subdomain und Domain
  • Erweiterter Export und GitHub-Import

Agency

Für Agenturen und Unternehmen.

  • Unbegrenzte Projekte und Credits
  • Eigene Domains
  • Erweiterter Export und GitHub-Import

Technologien & Architektur

Unter der Haube von Ardon

Ein sauber gegliederter Laravel-13-Monolith auf dem Server und ein React-Arbeitsbereich im Browser: Die Generierung läuft über unsere KI-Treiber, doch Vorschau, Paketinstallation und Entwicklungsserver laufen im Browser des Kunden, nicht auf unseren Maschinen.

ArchitekturdiagrammProduktkernDatenfluss
  1. 01

    Browser

    • LabReact-19-App: Brief, CodeMirror-Editor, xterm-Terminal, Dateien
    • DeepThought EngineNode.js im Browser: Service Worker, virtuelles Dateisystem, npm, Vorschauserver
    • DashboardsLivewire 4: Projekte, Einstellungen, Admin-Konsole
  2. 02

    Eingang

    • Caddy 2Automatisches HTTPS, Domains der veröffentlichten Websites
    • nginx + PHP-FPM 8.4Überwacht im Anwendungscontainer
  3. 03

    Laravel 13

    • ChatGatewayTreiber für Anthropic, Gemini und OpenAI-kompatible Modelle, SSE-Streams, Prompt-Cache
    • EntitlementPakete, tokengenaue Lab-Credits, Kontingente
    • Payments + FinanceStripe und PayPal, Webhooks, Rechnungen, Abonnements, Hauptbuch
    • PublishSubdomains und per DNS verifizierte eigene Domains
    • GitHub + SupabaseImport, Fork, Repository-Verknüpfung; Datenbank der generierten Websites
  4. 04

    Daten

    • MySQL 8.4Konten, Projekte, Finanzen, Warteschlange
    • ProjektdateienEigenes Volume, atomare Schreibvorgänge
    • HintergrundaufgabenGetrennte Queue- und Scheduler-Container

Vom Brief zur Live-Website

  1. 1Der Kunde schreibt seinen Brief in Lab; die App sendet ihn als Stream (SSE) an /lab/chat.
  2. 2ChatGateway wählt Treiber und Modell des Arbeitsbereichs und bucht die Credits des Pakets ab.
  3. 3Die Tool-Aufrufe des Modells schreiben echte React-, Vite- und Tailwind-Dateien ins Projekt.
  4. 4Die Browser-Engine installiert die Pakete und zeigt die Live-Vorschau an – ganz ohne Node-Server bei uns.
  5. 5Bei der Veröffentlichung geht die Website auf eine Subdomain oder die per DNS verifizierte Domain des Kunden.

Die Architekturentscheidungen

  • Rechenleistung beim KundenBuild und Vorschau laufen im Browser: Mehr Kunden bedeuten nicht mehr Server.
  • Austauschbare KI-AnbieterDrei Treiber decken acht Anbieter ab; jeder Arbeitsbereich wählt seine Modelle und Schlüssel.
  • Echte DateienKein proprietäres Format: Das Projekt lässt sich exportieren, versionieren und auf GitHub pushen.
  • Verschlüsselte SecretsKI-, Zahlungs-, GitHub- und Supabase-Schlüssel verschlüsselt in der Datenbank; Zwei-Faktor-Authentifizierung per TOTP.

Alle Technologien, nach Kategorie

Backend

  • PHP 8.4
  • Laravel 13
  • Livewire 4
  • Laravel Money
  • SEOTools

Frontend

  • React 19
  • Blade
  • Tailwind CSS 4
  • Vite 8
  • CodeMirror 6
  • xterm.js
  • GSAP
  • Three.js
  • Streamdown

Künstliche Intelligenz

  • Anthropic Claude
  • OpenAI
  • Google Gemini
  • xAI
  • DeepSeek
  • Groq
  • Mistral
  • Zhipu AI
  • Prompt-Cache

Daten & Speicher

  • MySQL 8.4
  • Laravel-Warteschlange
  • Supabase
  • wa-sqlite

Echtzeit

  • Server-Sent Events
  • Service Worker

Zahlungen & Drittdienste

  • Stripe
  • PayPal
  • GitHub
  • Supabase
  • Unsplash
  • Pixabay

Authentifizierung & Sicherheit

  • TOTP 2FA
  • Rollen und Berechtigungen
  • Verschlüsselte Secrets
  • CSRF
  • Rate limiting
  • HSTS

Qualität & Tools

  • Laravel Pint
  • Laravel Pail
  • Tests der Lab-Engine

DevOps & CI/CD

  • Docker (multi-stage)
  • Docker Compose
  • Supervisor
  • Rollen Web, Queue, Scheduler

Hosting & Distribution

  • Virtuelle Maschine
  • Caddy 2
  • Let's Encrypt
  • Eigene Domains

Monitoring

  • /up
  • Docker healthchecks
  • Nutzungs- und Finanz-Dashboards

Bestandsaufnahme aus dem Quellcode und der Konfiguration des Produkts.

Häufige Fragen

Alles über Ardon

Die Plattform trägt Ihren Namen, Ihr Logo und Ihre Domain. Ihre Kunden erstellen ihre Websites bei Ihnen, Sie legen Ihre Preise fest und kassieren direkt über Stripe oder PayPal.

Starten Sie Ihre Plattform mit Ardon

Agentur, Studio oder Softwareanbieter: Erzählen Sie uns von Ihrer Marke und Ihren Kunden. Wir installieren Ardon in Ihren Farben, binden Ihre KI- und Zahlungsanbieter an und übergeben Ihnen die Konsole.