extraETF White-Label · Review-Galerie
RentenCheck ist die Entscheidungs- und Übertragsstrecke von der Riester-Rente zum Altersvorsorgedepot — als White-Label-Produkt für extraETF, deutschsprachig, du-Form (wie extraETF), für Endkundinnen und Endkunden. Diese Seite ist die interne Review-Galerie: jede Kachel ist eine echte, laufende Seite des Prototyps, verkleinert dargestellt. Klicken öffnet den Screen in einem neuen Tab. Verbindlich sind journey.html für den Ablauf und design-system.html für Farben, Schrift und Bausteine. Kommentare gehen unten rechts direkt an das Team.
Die Vorschauen rendern die Seiten live bei 1 280 px Desktop-Breite und skalieren sie
herunter — was Sie sehen, ist der aktuelle Stand, kein Screenshot. Sie werden erst geladen, wenn
die Kachel in Sichtweite kommt. Die vier Weiterleitungs-Stubs
(r13-riester-vertrag, r19b-kind-details, r31-beitrag,
r32-jahr) sind nicht aufgeführt: sie leiten nur auf die echten Screens um.
Drei Einstiege, ein Ziel: alle Pfade münden in die Fragenstrecke ab r10 und enden in
r40, der einen Zahl. Jeder Knoten ist klickbar und öffnet den Screen. Verbindliche
Quelle des Routings ist STATE.md; das erklärte Diagramm liegt auf
journey.html.
Pfad 1 · Kein Riester-Vertrag — direkt in den Rechner
Pfad 2 · Riester vorhanden, Unterlagen zur Hand — Dokumentenstrecke
Pfad 3 · Riester vorhanden, keine Unterlagen — Kurz-Wizard
Die Fragenstrecke im Detail · gestrichelt = wird je Pfad übersprungen oder vorbefüllt
Kundenbereich · von r50 aus
Sprunglogik. Wer über Pfad 2 oder 3 kommt, hat einen Teil der Antworten schon
gegeben. r13 (Riester ja/nein) wird dann übersprungen, weil hatRiester
bereits gesetzt ist. r14 (Abschlussjahr), r16 (Monatsbeitrag) und
r18 (Vertragswert / Garantiewert) erscheinen vorbefüllt mit dem Hinweis
„Aus deinem Dokument übernommen“ — sichtbar, korrigierbar, nie stumm übersprungen.
Wer „Nein“ bei r2 sagt, überspringt r13–r16 und
r18 vollständig: ohne Vertrag gibt es nichts zu übertragen, der Rechner zeigt nur
den Aufbau-Vorteil.
Fortschritt. r10 = Start, r40 = 100 %. Die Nebenpfade
(r20er, r30er) haben ihren eigenen 3-Schritt-Fortschritt.
Zustand liegt in localStorage unter rc_state — ein Klick auf
r40 aus dem kalten Start zeigt daher die Demo-Persona.
Was Sie beim Durchklicken wissen sollten — und wo Sie Ihre Anmerkungen loswerden.
Alle Screens sind auf eine Referenz-Persona abgestimmt. Wenn Sie den Golden Path exakt so
durchklicken, muss r40 genau diese Zahlen zeigen:
Weichen die Zahlen ab, ist entweder eine Eingabe anders oder ein
alter rc_state im Browser — dann einmal
r55 Rechner öffnen und neu rechnen.
CALC-NOTES.md.r21 zum gleichen Beispielvertrag. Die Werte auf
r22 stammen aus einer echten Zurich-Standmitteilung.123456.r52 zeigt Ablauf,
Dokumentenbedarf und die gesetzlich nötige Zulagen-Rückzahlungs-Warnung, löst aber nichts
aus.Unten rechts sitzt auf jedem Screen — auch auf dieser Seite — ein Kommentar-Button. Kommentare werden pro Screen gespeichert und sind für alle Reviewer sichtbar.
Ihr Name kommt automatisch aus der Anmeldung; Sie müssen nichts eintragen. Sie können einen Kommentar außerdem an eine Stelle der Seite pinnen („Auf der Seite markieren“), damit klar ist, welches Element gemeint ist. Über „Alle Screens“ im Panel sehen Sie alle offenen Punkte auf einmal.
Ausführlich: r90 · So kommentieren Sie.
Die Liste der Fragen, die wir mit Ihnen klären wollen — Rechtstexte, Anbieter-Daten, Reform-Details, Verantwortlichkeiten — steht gesammelt am Ende der Journey-Seite:
journey.html · Offene Fragen →
Was den Prototyp betrifft: Schriften (Montserrat) und die extraETF-Marken-Assets sind aus den Design-Snapshots extrahiert und nur intern nutzbar — vor einem Livegang zu lizenzieren. Rechnerstände beziehen sich auf den Gesetzentwurf zur Reform mit Wirkung 1. Januar 2027 und werden nachgezogen, sobald der endgültige Text vorliegt.
Diese Seite ist ein Entwickler- und Review-Werkzeug und nicht für Endkunden bestimmt.
Keine Anlage-, Steuer- oder Rechtsberatung — RentenCheck liefert eine
Entscheidungsgrundlage, keine Empfehlung. Alle Zahlen sind Modellrechnungen.
Geteilte Assets: assets/rentencheck.css · assets/fonts.css ·
assets/app.js · assets/calc.js · assets/comments.js.
Quellen der Wahrheit: REDESIGN.md · STATE.md ·
CONTENT.md · CALC-NOTES.md.