Projekte anlegen und ein leerer Zustand, der fuehrt statt zu enttaeuschen

Rueckmeldung 22.08.2026 mit Bildschirmfoto aus dem eigenen Testzugang:
"die seite soll jetzt schon bitte richtig krass sein und hoch profissionel,
auch sehr detailliert."

Zwei Luecken, beide geschlossen:

1) Projekte liessen sich nur ueber die Schnittstelle anlegen. Jetzt in der
   Verwaltung: pro Kunde ein "+ Projekt" mit Titel, Paket, Preis,
   Richttermin und naechstem Schritt. Bewusst als Einblendung direkt bei
   der Kundenzeile statt als eigene Seite -- man legt ein Projekt IMMER
   fuer einen bestimmten Kunden an, nie im luftleeren Raum. Der Kundenname
   steht deshalb gross im Formular, damit es nicht versehentlich dem
   Falschen angehaengt wird.
   Die 30 % Anzahlung wird beim Tippen live mitgerechnet. Sie wird zwar
   serverseitig berechnet, aber wer sie beim Eintippen sieht, merkt eine
   falsche Null sofort -- und nicht erst, wenn der Kunde ueberweisen soll.

2) Der leere Zustand im Portal war ein einziger Satz. Das ist eine
   verpasste Gelegenheit: Wer dort zum ersten Mal landet, hat gerade sein
   Passwort gesetzt und weiss noch nicht, was ihn erwartet -- genau dann
   entscheidet sich, ob die Seite souveraen wirkt oder unfertig. Jetzt
   zeigt er in vier Punkten, WAS gleich hier stehen wird (Projektstand,
   wer am Zug ist, Dateien und Nachrichten, Ideen jederzeit) und schliesst
   mit der Zusicherung, dass nichts zu tun ist. Fuenfsprachig.

45/45 Handy-Abnahme, i18n vollstaendig.

Co-Authored-By: Claude Opus 5 <[email protected]>

assets/js/wd-portal.js

@@ -168,7 +168,30 @@
 
       html += "<h2>" + s(window.WD.t("po_projekte")) + "</h2>";
       if (!d.projekte.length) {
-        html += '<p class="wd-leise">' + s(window.WD.t("po_keine_projekte")) + "</p>";
+        /* Ein leerer Bereich mit einem Satz ist eine verpasste Gelegenheit.
+           Wer hier zum ersten Mal landet, hat gerade sein Passwort gesetzt
+           und weiss noch nicht, was ihn erwartet. Statt "hier ist nichts"
+           zeigt der leere Zustand deshalb, WAS gleich hier stehen wird --
+           und was als Naechstes passiert. Das nimmt die Unsicherheit,
+           statt sie zu erzeugen. */
+        html += '<div class="wd-karte po-leer">' +
+          '<div class="po-leer-symbol" aria-hidden="true">' +
+            '<img src="/assets/img/logo-dogfather-transparent.png" alt="" width="472" height="476" />' +
+          "</div>" +
+          "<h3>" + s(window.WD.t("po_leer_h3")) + "</h3>" +
+          '<p class="wd-leise">' + s(window.WD.t("po_keine_projekte")) + "</p>" +
+          '<div class="po-leer-liste">' +
+            [["po_leer_1", "po_leer_1t"], ["po_leer_2", "po_leer_2t"],
+             ["po_leer_3", "po_leer_3t"], ["po_leer_4", "po_leer_4t"]]
+              .map(function (paar, i) {
+                return '<div class="po-leer-punkt">' +
+                  '<span class="po-leer-nr">' + (i + 1) + "</span>" +
+                  "<div><strong>" + s(window.WD.t(paar[0])) + "</strong>" +
+                  "<span>" + s(window.WD.t(paar[1])) + "</span></div></div>";
+              }).join("") +
+          "</div>" +
+          '<p class="wd-klein wd-leise po-leer-fuss">' + s(window.WD.t("po_leer_fuss")) + "</p>" +
+          "</div>";
       } else {
         html += d.projekte.map(function (p) {
           return '<button type="button" class="wd-karte po-projekt" data-projekt="' + s(p.id) + '">' +