Erste Schritte mit dem KI App & Site Builder

Mit dem KI App & Site Builder erstellen Sie Websites und Web-Anwendungen, indem Sie einfach beschreiben, was Sie benötigen. Die Erstellung funktioniert per Texteingabe, Spracheingabe oder anhand eines Screenshots. Ihre Projekte werden automatisch auf der STRATO Infrastruktur bereitgestellt – ohne separate Hosting-Einrichtung.

Was ist der KI App & Site Builder?

Der KI App & Site Builder ist eine Plattform, mit der Sie digitale Projekte per natürlicher Beschreibung erstellen können. Statt ein Projekt manuell von Grund auf aufzubauen, geben Sie einfach an, was Sie möchten – zum Beispiel eine Unternehmenswebsite, ein Portfolio, eine Landingpage oder eine Web-Anwendung mit bestimmten Funktionen. Die Plattform erstellt daraus ein direkt nutzbares Projekt und stellt es automatisch bereit.

Typische Möglichkeiten:

• Website oder Web-App per Beschreibung erstellen
• Layout aus einem Screenshot ableiten
• Anforderungen per Spracheingabe formulieren
• Texte, Bilder und Seitenbereiche mit KI erstellen
• Funktionen und Datenstrukturen für App-Projekte anlegen
• Projekte automatisch veröffentlichen
• Änderungen direkt in der Vorschau prüfen

Je nach Projekt können Sie damit beispielsweise umsetzen:

• Unternehmenswebsites
• Portfolios
• Landingpages
• Termin- oder Anfrage-Seiten
• kundenspezifische Web-Projekte
• interne Werkzeuge oder einfache Business-Anwendungen

Für gute Ergebnisse sollten Sie möglichst konkret beschreiben, was Sie erstellen möchten. Bei KI-gestützter Website-Erstellung verbessern detaillierte Angaben und passende Schlagworte das Ergebnis deutlich.

Ein großer Vorteil: Hosting, Bereitstellung und wichtige Basisleistungen sind bereits in die Plattform eingebunden. Diese Vollintegration unterscheidet den KI App & Site Builder von Lösungen, bei denen Erstellung, Hosting, Domain, Sicherheit, Datenbank oder E-Mail separat eingerichtet und verwaltet werden müssen.

Website oder App: Was ist der Unterschied?

Mit dem KI App & Site Builder können Sie sowohl Websites als auch Web-Anwendungen erstellen.

Website

Eine Website eignet sich vor allem, wenn Sie Informationen präsentieren möchten, zum Beispiel:

• Unternehmenswebsite
• Portfolio
• Landingpage
• Restaurantseite
• Kontakt- oder Angebotsseite

Der Fokus liegt auf Seiten, Texten, Bildern, Navigation und einem professionellen Online-Auftritt.

App bzw. Web-Anwendung

Eine App eignet sich, wenn Nutzerinnen und Nutzer aktiv mit dem Projekt arbeiten sollen, zum Beispiel über:

• Logins
• Formulare
• Datenansichten
• Kundenbereiche
• interne Workflows
• Buchungs- oder Verwaltungsfunktionen

Bei App-Projekten kann der KI App & Site Builder neben Oberfläche und Seitenstruktur auch technische Bestandteile wie Datenbankschemata, Sicherheitsgrundlagen und Authentifizierung vorbereiten, zum Beispiel per E-Mail, Einmalcode oder Single Sign-on.

Wie starte ich mein erstes Projekt?

Auf der Startseite sehen Sie in der Regel direkt den zentralen Eingabebereich für Ihre Projektbeschreibung sowie Ihre vorhandenen Projekte und den Button + Neues Projekt.

Projekt per Beschreibung erstellen

So starten Sie Ihr erstes Projekt mit einer Texteingabe:

1. Öffnen Sie den KI App & Site Builder.
2. Klicken Sie auf + Neues Projekt.
3. Geben Sie in das Beschreibungsfeld ein, was Sie erstellen möchten.
4. Ergänzen Sie möglichst konkrete Angaben zu:
   • Art des Projekts
   • Zielgruppe
   • Stil oder Erscheinungsbild
   • gewünschten Inhalten
   • gewünschten Funktionen
5. Starten Sie die Erstellung.

Beispiel für eine gute Eingabe:

„Erstelle eine moderne Website für ein italienisches Restaurant mit Startseite, Speisekarte, Kontaktbereich, Reservierungsanfrage und warmer Farbwelt."

Die Plattform erzeugt auf Basis Ihrer Angaben einen ersten Entwurf, den Sie anschließend weiter anpassen können.

Projekt per Spracheingabe erstellen

Wenn die Spracheingabe in Ihrem Browser verfügbar ist, können Sie Ihr Projekt auch einsprechen.

So gehen Sie vor:

1. Öffnen Sie den Eingabebereich für Ihr neues Projekt.
2. Klicken Sie auf das Mikrofon-Symbol.
3. Sprechen Sie Ihre Anforderungen möglichst klar und vollständig ein.
4. Prüfen Sie die übernommene Beschreibung.
5. Starten Sie danach die Erstellung.

Die Spracheingabe wird browserbasiert unterstützt (Chrome und Safari).

Projekt anhand eines Screenshots aufbauen

Der KI App & Site Builder kann auch ein Layout aus einer visuellen Vorlage ableiten.

Typische Vorgehensweise:

1. Starten Sie ein neues Projekt.
2. Laden Sie einen Screenshot oder ein Bild als Orientierung hoch.
3. Ergänzen Sie schriftlich, was übernommen oder verändert werden soll.
4. Lassen Sie daraus den ersten Entwurf erzeugen.

Das ist besonders praktisch, wenn Sie bereits eine Gestaltungsidee haben und diese als Ausgangspunkt verwenden möchten.

Wie formuliere ich meine erste Beschreibung am besten?

Je genauer Sie Ihr Vorhaben beschreiben, desto besser passt der erste Entwurf zu Ihrer Idee. Nennen Sie am besten direkt, was erstellt werden soll, für wen das Projekt gedacht ist und welche Inhalte oder Funktionen wichtig sind.

Hilfreich sind zum Beispiel diese Angaben:

• Art des Projekts, z. B. Website, Portfolio, Landingpage oder Web-Anwendung
• Zielgruppe oder Branche
• gewünschte Seiten oder Bereiche
• wichtige Funktionen, z. B. Kontaktformular, Buchungsanfrage oder Login
• gewünschter Stil, z. B. modern, schlicht, kreativ oder seriös
• passende Farben oder Designrichtung

Beispiele für gute Beschreibungen:

„Erstelle eine Website für eine Steuerberatung mit Startseite, Leistungen, Über uns, Kontaktformular und seriösem Design in Blau und Weiß."

„Ich brauche ein Portfolio für eine Fotografin mit großem Bildbereich, Referenzen, Über-mich-Seite und Kontaktmöglichkeit."

„Erstelle eine Web-Anwendung für Termin-Anfragen mit Formular, Übersichtsseite und Bestätigungsbereich."

Wie bearbeite ich mein Projekt nach der Erstellung?

Nach der ersten Erstellung ist Ihr Projekt nicht „fertig abgeschlossen", sondern Ihre Ausgangsbasis. Sie können Inhalte und Aufbau weiter anpassen, direkt auf der angezeigten Seite, wie in einem Editor.

Typische Bearbeitungen sind:

• Texte ändern oder ergänzen
• Bilder austauschen oder neu erzeugen
• Farben und Stil anpassen
• Bereiche hinzufügen oder entfernen
• Funktionen nachträglich erweitern
• Struktur verfeinern

Dazu können Sie ein einzelnes Element auf der Seite anwählen und dann im Prompt-Feld der KI angeben, welche Änderungen daran vorgenommen werden sollen.

Die Plattform ist darauf ausgelegt, dass Änderungen schnell sichtbar werden und laufend in die Vorschau übernommen werden.

Werkzeugleiste

Über die Werkzeugleiste können Sie Ihr Projekt bequem prüfen, bearbeiten und veröffentlichen. Den Seitenquellcode können Sie mit einem Klick einsehen und bei Bedarf anpassen. Wenn Ihr Projekt eine Datenbank benötigt, wird diese automatisch erstellt. Neue Datenbankinhalte fügen Sie über + Neuer Eintrag hinzu.

Oben rechts stehen Ihnen weitere Funktionen zur Verfügung:

• Vorschau für Desktop- und Mobilansicht
• Neu laden der Vorschau
• In neuem Tab öffnen
• Historie mit den bisherigen Versionen Ihres Projekts

In der Historie können Sie frühere Projektstände jederzeit einsehen und bei Bedarf vollständig wiederherstellen. Dabei werden Code, Konversation und Datenbank auf den gewählten Stand zurückgesetzt. So können Sie Änderungen ausprobieren und mit Ihrem Projekt experimentieren, ohne dauerhaft etwas zu verlieren.

Über Veröffentlichen stellen Sie Ihr Projekt online.

Empfohlene Reihenfolge:

1. Grundstruktur erstellen
2. Inhalte prüfen
3. Design verfeinern
4. Funktionen testen
5. Projekt veröffentlichen

Wie veröffentliche ich mein Projekt?

Nach der Erstellung und Überarbeitung können Sie Ihr Projekt direkt online bereitstellen. Die Bereitstellung erfolgt automatisch über die STRATO Infrastruktur, ohne dass Sie selbst eine Hosting-Umgebung konfigurieren müssen.

Je nach Oberfläche erfolgt die Veröffentlichung typischerweise über den entsprechenden Veröffentlichungs- oder Domain-Bereich.

Dabei sind in der Regel folgende Schritte sinnvoll:

1. Projekt fertigstellen und prüfen
2. Gewünschte Domain verbinden oder auswählen
3. Veröffentlichung starten
4. Erreichbarkeit testen

Veröffentlicht wird auf einer eigenen Domain mit integrierter Absicherung.

SSL und Domains im KI App & Site Builder

Damit Sie eine Domain im KI App & Site Builder mit Ihrem Projekt verbinden können, muss für diese Domain ein aktives SSL-Zertifikat vorhanden sein.

Was passiert, wenn kein SSL aktiv ist?

Wenn für eine Domain in Ihrem Vertrag noch kein SSL-Zertifikat aktiviert wurde, erscheint diese Domain nicht in der Auswahlliste im KI App & Site Builder – auch dann nicht, wenn die Domain grundsätzlich in Ihrem Paket enthalten ist.

So lösen Sie das Problem:

1. Öffnen Sie das STRATO Kundencenter.
2. Navigieren Sie zu Sicherheit → SSL-Zertifikate.
3. Weisen Sie der betreffenden Domain ein SSL-Zertifikat zu und aktivieren Sie es.
4. Kehren Sie anschließend zum KI App & Site Builder zurück – die Domain steht nun in der Auswahlliste zur Verfügung.

Was sollte ich zu Sicherheit, Hosting und Datenschutz wissen?

Ihr Projekt wird auf STRATO Infrastruktur gehostet und automatisch bereitgestellt. Hosting und Datenspeicherung sind auf EU-Servern ausgelegt. Zusätzlich sind Sicherheitsleistungen wie SSL, CDN und Schutzmechanismen gegen Angriffe integriert.

Wichtige Punkte im Überblick:

• keine eigene Server-Einrichtung erforderlich
• automatische Bereitstellung
• integrierte SSL-Absicherung
• CDN für schnellere Auslieferung
• DDoS-Schutz bzw. Schutzmechanismen auf Plattformebene
• Hosting auf STRATO Infrastruktur
• starke Datenschutz- und Compliance-Ausrichtung, insbesondere für EU-Kunden

Was passiert, wenn ich sehr viel mit der KI arbeite?

Sie können den KI App & Site Builder kontinuierlich weiterverwenden. Die Nutzung wird nicht einfach abrupt blockiert, wenn Sie intensiv mit der Plattform arbeiten. Stattdessen bleibt das Arbeiten mit dem Produkt grundsätzlich möglich:

• Sie können Ihre Projekte fortlaufend erstellen und weiterentwickeln.
• Der Zugang zur Plattform bleibt erhalten.
• Maßgeblich sind die jeweils gültigen Produktbedingungen und Regelungen zur fairen Nutzung.

Wobei kann mir der Support helfen?

Der Support hilft bei Themen rund um die Plattform und deren Verfügbarkeit.

Dazu gehören insbesondere:

• Konto- und Zugriffsprobleme
• Fragen zur Plattform-Erreichbarkeit
• Probleme mit Hosting oder Bereitstellung
• Domain- und DNS-Themen
• Abrechnungsbezogene Anliegen
• produktweite Störungen

Wobei der Support nicht unterstützt

Der Support übernimmt keine inhaltliche oder fachliche Überarbeitung Ihres KI-generierten Projekts, zum Beispiel:

• kein Debugging individuell erzeugter Anwendungslogik
• keine inhaltliche Beratung zur optimalen Beschreibung
• keine Fehleranalyse für selbst definierte Projektlogik
• keine inhaltliche Korrektur von Datenstrukturen oder Workflows innerhalb Ihres Projekts