Neu im Marktplatz Der Auftritt für Beratung, die man nachrechnen kann.
Relaya ist das Template für alle, die Software verkaufen. Elf fertige Seiten, von der Landingpage mit vierzehn Sektionen über eine mitgedachte Dokumentation bis zur öffentlichen Roadmap. Die App-Ansichten sind HTML statt Screenshot, du änderst sie im Text.
Für alle, die selbst bauen. Du bekommst den kompletten Code als ZIP. Lieber fertig übernehmen?
Relaya ist kein Baukasten-Entwurf. Das Template entstand aus dem Auftritt einer echten App, gebaut für ein Produkt, das ein Verhalten verändern will und deshalb erst erklären muss, bevor es verkaufen kann. Für den Marktplatz wurde alles anonymisiert und neu geschrieben.
Die App Relaya ist erfunden, jede Entscheidung hinter ihrer Website ist echt. Warum steht der Netzwerk-Check schon an dritter Stelle? Weil ein Besucher das Problem erst am eigenen Fall sehen muss, bevor Funktionen ihn interessieren. Warum trägt die Seite eine Dokumentation, obwohl noch niemand Kunde ist? Weil ernsthafte Software-Käufer vor dem Kauf nachlesen.
Und warum liegt keine einzige Bilddatei im Template? Weil App-Screenshots das Erste sind, was ein Käufer austauschen muss. Als HTML ändert er einen Namen im Telefon, indem er ihn hinschreibt.
Die Startseite von Relaya wandert beim Scrollen mit. Jede Station erklärt, warum eine Sektion so gebaut ist.
Versprechen links, das Gerät rechts, zwei schwebende Werte davor. Wer eine App verkauft, muss sie zeigen, bevor er sie erklärt.
Eine große Zahl, drei Sätze, die jeder kennt, und ein Hinweis, dass die Zahl belegt gehört. Ehrlichkeit als Gestaltungsmittel.
Zwei Regler, ein Ergebnis. Der Besucher sieht sein eigenes Problem in Zahlen, bevor irgendein Feature auftaucht. Rechnet lokal, schickt nichts weg.
Vier Geräteansichten nebeneinander, alle aus Text und CSS gebaut. Namen, Werte und Farben änderst du im Markup statt in einer Bilddatei.
Level-Leiter, Community-Stimmen und ein sichtbarer Hinweis, dass erfundene Bewertungen nichts auf einer echten Seite verloren haben.
Ein einziger Handlungsaufruf, danach die Marke, acht Fragen und drei Brücken in Doku, Roadmap und Feedback.
Du kaufst keine Startseite mit Versprechen, sondern eine komplette Website. Jede Unterseite ist fertig gestaltet und getextet.
Fast jeder Software-Auftritt verspricht eine Dokumentation und liefert eine leere Seite. Relaya bringt den fertigen Rahmen mit: Kapitelstruktur, klebende Inhaltsnavigation, Anker, Merklisten und den Ton, in dem eine Doku funktioniert. Die vier Beispielkapitel beschreiben das erfundene Produkt und sind bewusst generisch, dein Produkt schreibst du hinein.
Vier Kapitel zeigen Aufbau, Länge und Tonfall. Sie handeln vom erfundenen Relaya und werden beim Umbau durch dein Thema ersetzt, der Skill Copywriting führt dich durch.
Die Inhaltsliste klebt beim Scrollen, jedes Kapitel hat einen Anker. Auf dem Handy klappt sie über den Text. Das gilt unabhängig davon, was drinsteht.
Keine Handbuchsprache. Die Doku duzt, erklärt in Hauptsätzen und sagt auch, was bewusst fehlt. Diese Regeln stehen im Wissensordner, deine KI hält sie beim Neuschreiben ein.
Kauf das Template und bau es selbst um, oder lass es uns gemeinsam für dich fertig machen.
Die fertige Website, ihr Wissen und sieben Skills in einem ZIP.
ai-website-template-relaya.zip Sofort-Download Eine Agentur rechnet für so eine Website vierstellig ab.
Du bekommst den Projektordner als ZIP und baust ihn selbst um. Dafür brauchst du einen Code-Editor und ein KI-Werkzeug wie Claude Code. Der Weg dahin steht in der Dokumentation.
Sichere Zahlung über Stripe, das ZIP kommt direkt danachLieber fertig übernehmen? Beim AI Website Service für 799 € bauen wir deine Inhalte ein und schalten dich live. ai-website.com bespricht das im Termin mit dir.
Ein Template wird gut, wenn es sich entscheidet. Relaya ist auf eine Nische zugeschnitten, und ehrlich, wo es nicht passt.
Andere Branche? Alle Templates ansehen
Über die Hälfte der Besucher kommt mobil, bei Notfällen fast alle. Relaya ist dafür gebaut, nicht dafür zurechtgestaucht.
Du kaufst keine Vorlage, sondern ein Template. Website, Wissen und Skills, sofort einsatzbereit für dich und deine KI.
src/pages/ Elf Seiten: Startseite, Doku, Roadmap, Feedback, Blog mit fünf Beiträgen und 404 src/components/sections/ Die vierzehn Bausteine der Startseite, einer je Datei, frei umsortierbar src/data/site.ts Alle Texte der Startseite an einer Stelle, dazu seiten.ts für die Unterseiten src/components/Phone.astro Die vier App-Ansichten als HTML und CSS, ohne eine einzige Bilddatei src/styles/global.css Das komplette Design-System als Custom Properties, ein Markenwechsel sind vier Werte styleguide.html Farben, Typografie und Komponenten im Browser, ohne Build aufrufbar CLAUDE.md Die Guideline, die deiner KI erklärt, wie die Seite denkt und schreibt .context/ + .claude/skills/ Zielgruppe, Ton, Komponenten-Bauplan, SEO-Strategie und die sieben Skills So arbeitest du mit den Skills. Du schreibst, deine KI baut um.
„Mach aus Relaya die Seite für meine Android-App Sortimo, ein Werkzeug für Handwerker.“
„Tausch das Indigo gegen ein sattes Grün und prüf die Kontraste auf Dunkel.“
„Schreib einen sechsten Blogbeitrag über Preisgestaltung, gleicher Ton wie die anderen.“
„Optimiere Titel und Beschreibungen auf den Begriff Zeiterfassung statt persönliches CRM.“
„Die Gamification-Sektion fliegt raus, räum die Anker in Navigation und Footer mit auf.“
Drei Schritte, keine Agentur-Warteschleife. Du brauchst Node.js, einen Editor und eine Stunde Neugier.
ZIP öffnen, Ordner in Claude Code öffnen, npm install und npm run dev. Astro startet die Vorschau in Sekunden.
Die CLAUDE.md erklärt deiner KI das System, die sieben Skills wissen, wo welcher Text steht und welche Fallen es gibt.
Der Skill Template-Aufbau führt durch den Umbau auf dein Produkt. npm run build erzeugt statische Dateien, die auf jedem Hosting laufen.
Relaya bringt sein Wissen und seine Skills mit, damit deine KI die Website versteht, statt sie kaputt zu raten.
Node und einen Editor, idealerweise Claude Code. Ein npm install, dann läuft die Vorschau. Der Build erzeugt reine HTML-Dateien, die auf jedem Webspace liegen können.
Weil du sie sowieso austauschen müsstest. Die vier App-Ansichten sind HTML und CSS: Du änderst einen Namen, indem du ihn hinschreibst, und die Farben kommen aus denselben Design-Tokens wie der Rest der Seite. Nebenbei gibt es dadurch keine Lizenz- und keine Personenrechte-Fragen.
Beides ein bisschen. Der Rahmen ist fertig: Kapitelstruktur, Navigation, Anker, Merklisten und der Ton. Die Inhalte beschreiben das erfundene Beispielprodukt und sind bewusst generisch, denn eine Doku über dein Produkt kann niemand vorab schreiben. Du sagst deiner KI, worum es geht, und sie füllt den Rahmen. Das ist deutlich schneller, als mit einer leeren Seite anzufangen.
Ja. Der Geräterahmen ist eine Komponente, kein Fundament. Für ein Web-Werkzeug tauschst du ihn gegen einen Browser-Rahmen oder lässt die App-Tour weg, die Sektionen sind einzeln entfernbar.
Nein, bewusst nicht. Wir liefern keine Rechtstexte, weil wir keine Rechtsberatung anbieten. Die Footer-Links sind vorbereitet, die Seiten legst du mit deinen eigenen, geprüften Texten an.
Nein, es sind Platzhalter, und das Template sagt das selbst. Unter den Stimmen steht ein sichtbarer Hinweis, und die Statistik trägt eine Zeile, die zum Beleg auffordert. Erfundene Bewertungen sind wettbewerbsrechtlich riskant.
Ja, komplett. Einmal zahlen, ZIP erhalten, anpassen und so oft einsetzen, wie du willst. Kein Abo, keine Folgekosten, keine Bindung an uns.
Das komplette Template liegt fertig als ZIP bereit. Kauf es direkt oder schau dir vorher noch einmal an, was alles drin ist.
Wir möchten mit Google Analytics verstehen, wie diese Seite genutzt wird, geladen über den Google Tag Manager. Vor deinem Ok wird nichts geladen und kein Cookie gesetzt. Deine Wahl kannst du jederzeit im Datenschutz ändern.
Wähle selbst, was aktiv sein darf. Deine Auswahl kannst du jederzeit im Datenschutz ändern.