Pulseboard Vorlage: SaaS-Landingpage mit Demo-Dashboard

Pulseboard Vorlage: SaaS-Landingpage mit Demo-Dashboard

Pulseboard ist der Startpunkt für Produktanalyse in der Galerie mit 25 Vorlagen. Er verbindet eine vollständige SaaS-Verkaufsseite (Trichter, Bindung, Kohorten, Preise, FAQ) mit einem Dashboard, das seine Karten und sein Diagramm beim Umschalten des Zeitraums neu berechnet. Klonen ist kostenlos, jede Änderung danach kostet 3 Credits.

Das Dashboard macht diese Vorlage nützlich und gleichzeitig leicht misszuverstehen. Deshalb zuerst die Frage, woher die Zahlen darin eigentlich kommen.

Was liefert die Pulseboard-Vorlage mit?

Zwei Hälften mit derselben Bildsprache: eine Verkaufsseite für Produktteams und ein angemeldeter Arbeitsbereich, der aussieht wie das Werkzeug, das dort verkauft wird.

Die Verkaufsseite ist eine kleine Lehrstunde im Umgang mit Einwänden. Das FAQ verkauft nicht, es beantwortet die fünf Dinge, die ein skeptischer Entwickler wirklich fragt, und der Abschnitt zur Funktionsweise zeigt Code statt ihn zu beschreiben. Beide Muster lassen sich auf jedes technische Produkt übertragen.

Die Seitenleiste des Dashboards ist in Auswerten und Überwachen geteilt, eine sinnvolle Gliederung, die man ruhig erben kann. Der Übersichtsbildschirm bringt mit, was die meisten Produkt-Dashboards brauchen: Vergleich mit der Vorperiode, Verlaufsdiagramm und eine nach Plattform filterbare Ereignistabelle.

Zeigt das Dashboard echte Daten?

Nein, und diese Grenze muss klar sein, bevor Sie es jemandem vorführen. Es wird nichts gemessen. Es gibt kein Skript, das Ereignisse sammelt, kein Backend und keinen Speicher. Der Umschalter für den Zeitraum berechnet die Karten neu und zeichnet das Diagramm im Browser aus erzeugten Werten, deshalb reagiert er so flott und deshalb ändern sich die Zahlen beim Klicken.

Die Anmeldeseite sagt das im Kleingedruckten selbst: Es ist eine Demo, es werden keine Zugangsdaten gespeichert. Dahinter ist nichts geschützt, und ein Neuladen setzt den Arbeitsbereich zurück.

Wertlos ist das Dashboard deswegen nicht. Als Gestaltungsvorlage, als Demo im Investorengespräch oder als Oberfläche für etwas, das Sie ordentlich bauen wollen, ist es ein starker Anfang, für den ein Designteam Tage brauchen würde. Es ist nur kein Analyseprodukt.

Wenn Sie echte Zahlen über echte Besucher einer mit Zugo gebauten Seite wollen, ist das eine andere und viel einfachere Aufgabe: Google Analytics ist eine der eingebauten Anbindungen, die Auswertung passiert dann in deren Oberfläche. Der Ablauf steht in Analytics anbinden. Rechnen Sie in Deutschland die Einwilligung mit ein: Eine Messung mit Wiedererkennung braucht ein Banner, das echtes Ablehnen erlaubt, sonst ist die schöne Statistik rechtlich wertlos.

Soll das Dashboard selbst Ihre eigenen Daten zeigen, gehört eine Datenbank dahinter, also die Supabase-Anbindung und eine Reihe von Änderungen, die beschreiben, was gespeichert und wie zusammengefasst wird. Machbar, aber ein Projekt und kein Prompt.

Für wen ist Pulseboard der richtige Start?

Für alle, die ein technisches Produkt an technische Käufer verkaufen. Die Struktur passt für Entwicklerwerkzeuge, API-Geschäfte, Überwachungsdienste, Datenplattformen und interne Werkzeuge, die einer Geschäftsführung vorgestellt werden. Eine argumentierende Verkaufsseite plus eine glaubwürdige Produktansicht ist genau das, was so ein Vortrag braucht.

Sie passt auch für Gründerinnen, die Nachfrage prüfen wollen, bevor Software entsteht. Seite veröffentlichen, das Produkt ehrlich als in Entwicklung beschreiben, Anmeldungen sammeln und herausfinden, ob es jemand will. Das ist ein legitimer Einsatz einer Vorlage, solange die Seite nicht behauptet, das Produkt liefe bereits.

Schlecht passt sie, wenn Sie ab dem ersten Tag ein echtes Dashboard für echte Daten brauchen. Dann ist die Marketinghälfte totes Gewicht, und Sie beschreiben das Dashboard besser von Grund auf, wie in SaaS-Dashboard mit KI erstellen gezeigt.

Welche Behauptungen müssen vor dem Start verschwinden?

Mehr als bei jeder anderen Vorlage der Galerie, weil diese hier Vertrauen verkauft. Auf der Seite stehen eine Zertifizierungsangabe, eine Aussage zum Speicherort der Daten, ein Satz zur DSGVO-Bereitschaft, eine Verfügbarkeitszahl, ein Vergleichswert zur Skriptgröße, eine mittlere Zeit bis zum ersten Ergebnis, ein kostenlos enthaltenes Ereignisvolumen und eine Reihe Kundenlogos. Alles davon ist Demo-Text.

Die Aussagen zu Zertifizierung und Datenschutz sind die gefährliche Kategorie. Eine Zertifizierung zu behaupten, die Sie nicht haben, ist keine Übertreibung im Werbetext, sondern eine falsche Angabe gegenüber dem Käufer, und im Einkauf größerer Firmen fragt jemand nach dem Prüfbericht. Auch „DSGVO-konform" ist keine Auszeichnung, die man sich selbst verleiht, sondern eine Zusage mit Pflichten dahinter: Verzeichnis der Verarbeitungen, Auftragsverarbeitungsvertrag, Löschfristen. Streichen Sie diese Zeilen, solange Sie die Unterlagen nicht vorlegen können.

Der Preisbereich braucht dieselbe Behandlung. Drei Stufen mit Leistungslisten sehen aus wie eine echte Produktentscheidung und beschreiben ein Produkt, das niemand gebaut hat. Ersetzen Sie sie durch Ihre echten Preise oder entfernen Sie den Abschnitt, bis es welche gibt. Für den deutschen Markt gehört dazu die Angabe, ob die Preise netto oder brutto gelten. Wie so ein Block sinnvoll aufgebaut wird, steht in SaaS-Preisseite mit KI erstellen.

Fordern Sie die Bereinigung in einer ausdrücklichen Änderung an, die die Punkte einzeln nennt: Zertifizierung und Datenschutzzeilen, Verfügbarkeitszahl, Leistungsvergleich, Kundenlogos, die FAQ-Antworten zu Speicherung und Datenumgang sowie die Preise. Nur das Benennen macht das Ergebnis prüfbar.

Wie passen Sie die Vorlage an Ihr Produkt an?

Bedeutung zuerst, Gestaltung zuletzt, und über das Schicksal des Dashboards früh entscheiden, weil daran alles andere hängt.

1. Produkt umbenennen und das Versprechen neu schreiben. Eine Änderung deckt den Namen in beiden Hälften, den Tab-Titel und die Fußzeile ab.
2. Die drei Funktionen ersetzen durch das, was Ihr Produkt wirklich tut, und dabei das Muster aus Aussage plus kleiner Grafik behalten.
3. Die drei Schritte neu schreiben, damit die Codeausschnitte zu Ihrer echten Einbindung passen, oder die Ausschnitte entfernen, wenn gar kein Code beteiligt ist.
4. Preise und FAQ korrigieren oder beides streichen, bis es ehrliche Antworten gibt.
5. Über das Dashboard entscheiden: als gekennzeichnete Demo behalten, entfernen oder echte Daten dahinter legen.
6. Veröffentlichen und auf dem Telefon prüfen. Das Projekt bekommt eine Adresse wie ihrprodukt.zugo.run, eine eigene Domain kommt oben drauf.

Schreiben Sie jede Anfrage so, dass sich „erledigt" beurteilen lässt. „Mach den Hero knackiger" und „ersetze die Überschrift durch genau diesen Satz und kürze die Unterzeile auf eine Zeile" kosten dieselben 3 Credits, und nur eine der beiden hat eine richtige Antwort.

Was kostet die Anpassung?

Klonen ist kostenlos, der Zähler startet mit Ihrer ersten Änderung. Eine Verkaufsseite mit ehrlichen Texten liegt meist bei vier oder fünf Änderungen, ein Dashboard mit echten Daten ist ein längeres Gespräch.

Free gibt 5 Credits, Pro kostet 25 $ im Monat mit 200 Credits, Business 99 $ im Monat mit 800 Credits. Zweihundert Credits sind ungefähr 16 mehrseitige Plattformen, 33 Builds oder 66 Änderungen. Die Textarbeit ist also billig, und der eigentliche Aufwand steckt in dem, was Sie hinter das Dashboard bauen.

Jeder Build wird zuerst in einer Sandbox geöffnet, eine Fassung, die nicht startet, wird nicht ausgeliefert. Eine einfache Änderung kommt in etwa einer Minute zurück, ein größerer mehrseitiger Neubau braucht ein paar Minuten.

Was kann Pulseboard nicht?

Es erfasst nichts. Keine automatische Erfassung, keine Ereignisse, keine Sitzungen. Der Codeausschnitt auf der Seite ist Anschauungstext, und ihn irgendwo einzubauen bewirkt nichts.

Ein echtes Analyseprodukt ist nicht einen Prompt entfernt. Ereignisse in Masse aufnehmen, speichern und schnell abfragen ist ernsthafte Backend-Arbeit. Zugo baut die Oberfläche und mit Supabase eine bescheidene Datenschicht darunter. Eine skalierende Datenstrecke entsteht nicht auf freundliche Nachfrage.

Bei einem komplexen Produkt ersetzt Zugo kein Entwicklungsteam. Verkaufsseite, geprüfte Demo und kleines internes Dashboard liegen bequem im Rahmen. Danach wollen Sie Entwickler, und der GitHub-Export sorgt dafür, dass das Projekt mit Ihnen gehen kann.

Was ist der billigste erste Test?

Er kostet nichts. Öffnen Sie die Galerie auf zugo.dev, klonen Sie Pulseboard und streichen Sie in der ersten Änderung alle Behauptungen, die Sie nicht belegen können.

Danach sehen Sie das Entscheidende: ob die Seite, die übrig bleibt, immer noch eine ist, die Sie einem Kunden schicken würden. Fällt die Antwort negativ aus, fehlt Ihnen kein Layout, sondern ein Argument, und das ist eine Textaufgabe, keine Gestaltungsaufgabe.