Neu im Marktplatz Marktplatz · SaaS 
Creator dieses Templates ai-website.com
Relaya. Gebaut für Produkte, die erklärt werden müssen, bevor jemand kauft
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.
Für eigene Websites und Kundenprojekte. Du passt den Projektordner in deinem KI-Werkzeug an. Umsetzung abgeben?
Creator dieses Templates ai-website.com Die Geschichte
Aus einem echten Produktauftritt entstanden
Die ganze Geschichte lesen
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.
- fertige Seiten
- 11
- Sektionen auf der Startseite
- 14
- Blogbeiträge, geschrieben
- 5
- Skills für deine KI
- 6
Scroll dich durch die Startseite
Die Startseite von Relaya wandert beim Scrollen mit. Jede Station erklärt, warum eine Sektion so gebaut ist.
- 01
Ein Auftakt mit dem Produkt im Bild
Versprechen links, das Gerät rechts, zwei schwebende Werte davor. Wer eine App verkauft, muss sie zeigen, bevor er sie erklärt.
- 02
Erst das Problem, dann die Lösung
Eine große Zahl, drei Sätze, die jeder kennt, und ein Hinweis, dass die Zahl belegt gehört. Ehrlichkeit als Gestaltungsmittel.
- 03
Der interaktive Check
Zwei Regler, ein Ergebnis. Der Besucher sieht sein eigenes Problem in Zahlen, bevor irgendein Feature auftaucht. Rechnet lokal, schickt nichts weg.
- 04
Die App als HTML, nicht als Screenshot
Vier Geräteansichten nebeneinander, alle aus Text und CSS gebaut. Namen, Werte und Farben änderst du im Markup statt in einer Bilddatei.
- 05
Dranbleiben und Vertrauen
Level-Leiter, Community-Stimmen und ein sichtbarer Hinweis, dass erfundene Bewertungen nichts auf einer echten Seite verloren haben.
- 06
Der Abschluss und die Ausblicke
Ein einziger Handlungsaufruf, danach die Marke, acht Fragen und drei Brücken in Doku, Roadmap und Feedback.
Nicht eine Seite. Alle
Du kaufst keine Startseite mit Versprechen, sondern eine komplette Website. Jede Unterseite ist fertig gestaltet und getextet.
1 / 5
Das Highlight
Eine Doku, die schon mitgedacht ist
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.
- Der Rahmen steht, der Inhalt ist Beispiel
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.
- Navigation, die mitläuft
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.
- Ein Ton, der zur Startseite passt
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.
- 4
- Kapitel als Gerüst
- 0
- Bilddateien im Template
Bereit, wenn du es bist
Mach Relaya zu deinem nächsten Projekt
Kauf das Template und bau es selbst um, oder lass es uns gemeinsam für dich fertig machen.
Das Template
Die fertige Website, ihr Wissen und sieben Skills in einem ZIP
Alle Seiten fertig Sieben Skills CLAUDE.md + Wissen
ai-website-template-relaya.zip Sofort-Download Direkt kaufen 99 € 89 €
Eine Agentur rechnet für so eine Website vierstellig ab.
- Die komplette Website, jede Unterseite fertig gestaltet und getextet
- Guideline und Wissensordner, damit deine KI das System versteht
- Sieben Skills für Pflege und Ausbau per Chat
- Doku und Skills wahlweise auf Deutsch oder Englisch
Du baust den Projektordner selbst um, mit einem Code-Editor und einem KI-Werkzeug wie Claude Code. Wie das geht, steht in der Dokumentation.
Sichere Zahlung über Stripe, das ZIP kommt direkt danach Made in Germany, von Webdesignern gebaut Lieber 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.
Alles inklusive Für immer deins Per Chat anpassbar Made in Germany
Für wen Relaya gebaut ist
Ein Template wird gut, wenn es sich entscheidet. Relaya ist auf eine Nische zugeschnitten, und ehrlich, wo es nicht passt.
Gebaut für
- Solo-Gründer und kleine Teams, die eine App oder ein Werkzeug verkaufen
- SaaS-Produkte, die vor dem Kauf erklärt werden müssen, nicht nur beworben
- Indie-Entwickler, die neben der App keine Zeit für eine Website haben
- Agenturen und Freelancer, die Produktauftritte planbar liefern wollen
Nicht gedacht für
- Dienstleister ohne Produkt, dafür passen die Kanzlei- und Coaching-Templates besser
- Shops mit Warenkorb, Konto und Bezahlstrecke
- Produkte, die eine App im Browser statt einer Website brauchen
Andere Branche? Alle Templates ansehen
Auf dem Handy zu Hause
Über die Hälfte der Besucher kommt mobil, bei Notfällen fast alle. Relaya ist dafür gebaut, nicht dafür zurechtgestaucht.
Mobile First. Layout, Abstände und Tap-Ziele sind für Daumen gemacht.
Schnell im Funkloch. Statisch gebaut, ohne schwere Skripte und Plugins.
Das steckt im ZIP
Die Website und ihre Arbeitsgrundlage in einem Projektordner. Beispielinhalte passt du vor dem Livegang an.
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 Wissen/ + .claude/skills/ Zielgruppe, Ton, Komponenten-Bauplan, SEO-Strategie und die sieben Skills Dein Auftrag an die KI
Beschreibe die Änderung in deinem KI-Werkzeug und prüfe die Vorschau.
Template-Aufbau
„Mach aus Relaya die Seite für meine Android-App Sortimo, ein Werkzeug für Handwerker.“
Design-System
„Tausch das Indigo gegen ein sattes Grün und prüf die Kontraste auf Dunkel.“
Copywriting
„Schreib einen sechsten Blogbeitrag über Preisgestaltung, gleicher Ton wie die anderen.“
SEO
„Optimiere Titel und Beschreibungen auf den Begriff Zeiterfassung statt persönliches CRM.“
Systemwissen
„Die Gamification-Sektion fliegt raus, räum die Anker in Navigation und Footer mit auf.“
89 € einmalig, inkl. MwSt. Alles aus diesem Baum gehört dir.
Vom ZIP zur Live-Website
Drei Schritte. Du brauchst Node.js, einen Editor und eine Stunde Zeit.
Mehr als eine schöne Oberfläche
Relaya bringt sein Wissen und seine Skills mit, damit deine KI die Website versteht, statt sie kaputt zu raten.
Fertige Website. Alle Seiten der Branche, responsiv, superschnell und Google-freundlich.
Guideline. Die CLAUDE.md sagt deiner KI, wie Relaya denkt, gestaltet und schreibt.
Wissensordner. Der Ordner Wissen bündelt SEO-Strategie, Tonalität und den Komponenten-Bauplan.
Sieben Skills. Von SEO bis Qualitätsprüfung. Deine KI pflegt und erweitert die Website per Chat.
Für immer deins. Einmal zahlen und Website, Wissen und Skills gehören komplett dir.
DSGVO-freundlich. Fonts selbst gehostet, keine fremden CDNs, kein Tracking eingebaut.
Kurz geklärt
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.
Mehr aus dem Marktplatz
5, die dazu passen
Zum Weiterlesen im Ratgeber · Landingpage-Vorlage, die 10 besten für Produkte und SaaS
Dein nächster Schritt
Was alles drin ist Bereit für Relaya?
Das komplette Template liegt als ZIP bereit.
- In Stunden startklar. ZIP herunterladen, npm install, und die fertige Website läuft lokal bei dir.
- Für immer deins. Einmal zahlen, und Website, Wissen und Skills gehören komplett dir, ohne laufende Kosten.
- Per Chat anpassbar. Deine KI macht aus Relaya deine Marke, Seite für Seite.