Ein Fake-Stripe-Dashboard erstellen
Wenn du wissen willst, wie man ein Fake-Stripe-Dashboard erstellt für einen Pitch, ein Tutorial oder eine interne Demo, lautet die ehrliche Antwort: Bearbeite niemals einen Screenshot. Eine Demo, die auf dem echten Stripe-Layout aufbaut, lässt dich Bruttovolumen, MRR, Nettovolumen und Auszahlungen in Sekunden festlegen, und die Diagramme rechnen sich selbst neu, damit die ganze Ansicht stimmig bleibt. Diese Anleitung deckt den gesamten Ablauf von Anfang bis Ende ab.
Das Ziel ist eine Projektion, die du in einem Call zeigen kannst: „So könnte dein Stripe-Dashboard in dieser Phase aussehen." Es ist derselbe Gedanke wie hinter jedem Fake-Dashboard, nur speziell auf Zahlungsdaten angewendet.
Schritt 1: Das Stripe-Template öffnen
Starte mit einem Template, das die echte Stripe-Oberfläche bereits nachbildet: die linke Seitenleiste mit Zahlungen, Guthaben und Berichte, die Übersichtskacheln oben und das Volumendiagramm. Von einem präzisen Layout auszugehen, ist genau das, was eine glaubwürdige Projektion von einer Photoshop-Bastelei trennt, die in dem Moment auseinanderfällt, in dem jemand über einen Tooltip fährt.
Schritt 2: Die Kernzahlen bearbeiten
Klicke in die Übersichtskacheln und tippe die Zahlen ein, die deine Story braucht. Die Kernfelder, die du zuerst anfasst, sind die, die Entscheider als Erstes überfliegen:
- Bruttovolumen: der gesamte Umsatz vor Gebühren und Rückerstattungen.
- Nettovolumen: das, was nach Abzug der Stripe-Gebühren und Rückerstattungen tatsächlich ankommt.
- MRR: Monthly Recurring Revenue, die Kennzahl Nummer eins für jedes Abo-Business.
- Erfolgreiche Zahlungen und Kunden: die Aktivitätszahlen, die die Topline glaubwürdig machen.
Schritt 3: Guthaben und Auszahlungen festlegen
Wechsle in die Ansichten Guthaben und Auszahlungen und lege das verfügbare Guthaben, den Betrag der nächsten geplanten Auszahlung und die jüngste Auszahlungshistorie fest. Auf genau diesen Screens bleiben ein Agentur-Kunde oder ein Gründer hängen, denn sie beantworten die Frage „Wann kommt das Geld eigentlich an?" Halte Rhythmus und Beträge der Auszahlungen im Einklang mit dem Bruttovolumen, das du in Schritt 2 eingegeben hast.
Der schnellste Weg, eine Demo zu sprengen, ist eine Zahl, die einer anderen widerspricht. Wenn das Bruttovolumen hoch ist, die Gebühren aber nahe null liegen, oder der MRR weit mehr Kunden voraussetzt, als du aufgeführt hast, fällt das einem aufmerksamen Interessenten auf. Die smarte Neuberechnung nimmt dir das meiste davon ab, aber prüfe die Zusammenhänge noch einmal auf Plausibilität, bevor du präsentierst.
Schritt 4: Die Diagramme neu rechnen lassen
Das ist der Teil, den ein statisches Bild nicht kann. Wenn du eine Kernkennzahl wie das Bruttovolumen änderst, rechnen sich die verknüpften Werte automatisch neu: Nettovolumen, Gebühren und die Wachstumskurve im Volumendiagramm. Du legst die Story einmal fest, und die abhängigen Daten ziehen nach, sodass du nicht zwölf Zahlen von Hand bearbeitest und hoffst, dass sie aufgehen.
Schritt 5: Exportieren oder präsentieren
Sobald die Ansicht so wirkt, wie du es willst, kannst du sie live auf dem Bildschirm präsentieren oder ein sauberes Bild für ein Deck, ein Tutorial-Thumbnail oder eine Anzeige exportieren. Weil das Layout das echte Stripe-Frontend ist, neu gebaut als editierbare Seite, hält der exportierte Frame in voller Auflösung stand, keine verwaschenen Schriften, keine verrutschten Schatten. Wenn du Standbilder für Content ziehst, deckt unser Guide für Earnings-Screenshots Bildausschnitt und Auflösung ab.
Lege das Bruttovolumen einmal fest, und Nettovolumen, Gebühren und die Diagrammkurve ziehen nach. Genau dieses eine Verhalten ist der ganze Grund, warum eine editierbare Demo einen Screenshot schlägt.
Warum nicht einfach einen Screenshot bearbeiten?
Screenshots sind statisch und fragil. Schriften verrutschen, Schatten sehen falsch aus, und die Illusion bricht in dem Moment zusammen, in dem du scrollst, hoverst oder den Tab wechselst. Eine Live-Demo verhält sich wie das Produkt, und genau deshalb funktioniert sie in einem Call. Den Unterschied schlüsseln wir komplett in Fake-Stripe-Dashboard vs. echtes Stripe auf. Du kannst auch eine editierbare Stripe-Ansicht auf Dashmock öffnen und die Zahlen selbst ändern.
Häufig gestellte Fragen
Wie erstelle ich ein Fake-Stripe-Dashboard?
Öffne ein editierbares Stripe-Template, tippe deine Werte für Bruttovolumen, MRR, Nettovolumen und Auszahlungen in die Übersichtskacheln und lass dann die Diagramme neu rechnen. Präsentiere live oder exportiere ein sauberes Bild. Du verbindest oder screenshootest dabei nie einen echten Account.
Aktualisieren sich die Diagramme, wenn ich die Zahlen ändere?
Ja. Wenn du eine Kernkennzahl wie das Bruttovolumen änderst, rechnen sich verknüpfte Werte wie Nettovolumen, Gebühren und die Wachstumskurve automatisch neu, sodass das gesamte Dashboard in sich stimmig bleibt.
Ist das besser, als einen Screenshot in Photoshop zu bearbeiten?
Deutlich besser. Ein Screenshot ist statisch und bricht beim Scrollen oder Hovern, und Schriften und Schatten passen selten. Eine editierbare Demo verhält sich wie das echte Produkt und hält daher in einem Live-Call und in voller Exportauflösung stand.
Ein editierbares Fake Stripe Dashboard ansehen
Öffne es auf Dashmock und ändere die Zahlen selbst.
Auf Dashmock öffnen