From 694f9b1fa09cbbb35269fac913c9b4666038cfb3 Mon Sep 17 00:00:00 2001 From: Clemens Creutzburg Date: Tue, 7 Apr 2026 15:29:00 +0200 Subject: [PATCH] Design Anpassung --- .../Central/Controllers/LandingController.php | 77 +++- saas-app/public/app-support.php | 10 +- saas-app/public/index.php | 280 +++++++++----- saas-app/resources/views/auth/login.blade.php | 10 +- .../resources/views/dashboard/index.blade.php | 16 +- .../resources/views/layouts/app.blade.php | 275 +++++++------- .../resources/views/members/index.blade.php | 4 +- .../resources/views/support/index.blade.php | 155 ++++---- .../resources/views/tenants/roles.blade.php | 149 ++++---- saas-app/resources/views/welcome.blade.php | 350 ++++++++++++------ 10 files changed, 832 insertions(+), 494 deletions(-) diff --git a/saas-app/app/Modules/Central/Controllers/LandingController.php b/saas-app/app/Modules/Central/Controllers/LandingController.php index 2b9b0af..daffdf0 100644 --- a/saas-app/app/Modules/Central/Controllers/LandingController.php +++ b/saas-app/app/Modules/Central/Controllers/LandingController.php @@ -12,27 +12,76 @@ class LandingController 'view' => 'welcome', 'data' => [ 'title' => 'Die Kaffeeliste', - 'landingColumns' => [ + 'heroEyebrow' => 'Für Teams, Büros und Standorte', + 'heroTitle' => 'Die Kaffeeliste für einen klaren Kaffee-Alltag.', + 'heroCopy' => 'Mitglieder, Buchungen, Rollen und Hinweise laufen in einer klaren Oberfläche zusammen. Für Teams, die weniger Listen-Chaos und weniger Rückfragen wollen.', + 'landingPreview' => [ + ['label' => 'Mitglieder', 'value' => '48 aktiv'], + ['label' => 'Buchungen', 'value' => 'Heute 12'], + ['label' => 'Support', 'value' => '2 offen'], + ], + 'landingFeatures' => [ [ - 'eyebrow' => 'Für Mitglieder', - 'title' => 'Schnell im Alltag', - 'copy' => 'Anmelden, Überblick sehen und direkt weitermachen.', + 'title' => 'Dashboard', + 'copy' => 'Wichtige Zahlen, Hinweise und offene Themen direkt auf der Startseite.', ], [ - 'eyebrow' => 'Für Verantwortliche', - 'title' => 'Einfach verwalten', - 'copy' => 'Mitglieder, Bereiche und Abläufe an einem Ort.', + 'title' => 'Mitglieder und Rollen', + 'copy' => 'Zugänge, Zuständigkeiten und Bereiche sauber an einem Ort verwalten.', ], [ - 'eyebrow' => 'Für Teams', - 'title' => 'Klar für alle', - 'copy' => 'Eine gemeinsame Kaffeeliste mit verständlicher Oberfläche.', + 'title' => 'Buchungen', + 'copy' => 'Einzahlungen, Verbrauch und Korrekturen nachvollziehbar dokumentieren.', + ], + [ + 'title' => 'Support und Exporte', + 'copy' => 'Rückfragen, Listen und Auswertungen ohne Wechsel zwischen mehreren Tools.', ], ], - 'landingPreview' => [ - ['label' => 'Schneller Überblick', 'value' => 'Direkt sichtbar'], - ['label' => 'Für Mitglieder', 'value' => 'Einfach nutzbar'], - ['label' => 'Für Verantwortliche', 'value' => 'Klar verwaltet'], + 'landingSteps' => [ + [ + 'number' => '01', + 'title' => 'Anmelden und Bereich öffnen', + 'copy' => 'Ohne Installation direkt im Browser starten.', + ], + [ + 'number' => '02', + 'title' => 'Mitglieder und Zuständigkeiten ordnen', + 'copy' => 'Rollen, Standorte und Zugänge klar strukturieren.', + ], + [ + 'number' => '03', + 'title' => 'Im Alltag damit arbeiten', + 'copy' => 'Buchungen pflegen, Fragen klären und den Überblick behalten.', + ], + ], + 'landingUseCases' => [ + [ + 'title' => 'Für Mitglieder', + 'copy' => 'Schnell sehen, was wichtig ist, ohne sich durch Verwaltungsthemen zu arbeiten.', + ], + [ + 'title' => 'Für Verantwortliche', + 'copy' => 'Buchungen prüfen, Bereiche steuern und Abläufe sauber organisieren.', + ], + [ + 'title' => 'Für mehrere Standorte', + 'copy' => 'Getrennte Bereiche bleiben übersichtlich, folgen aber derselben Logik.', + ], + ], + 'landingProof' => [ + [ + 'title' => 'Schnell verständlich', + 'copy' => 'Die wichtigsten Bereiche sind sofort erkennbar und klar benannt.', + ], + [ + 'title' => 'Im Browser und mobil', + 'copy' => 'Die Oberfläche funktioniert ohne Installation auf Desktop und Handy.', + ], + [ + 'title' => 'Für den Alltag gebaut', + 'copy' => 'Kaffeeliste, Support, Buchungen und Verwaltung greifen sinnvoll ineinander.', + ], ], ], ]; diff --git a/saas-app/public/app-support.php b/saas-app/public/app-support.php index cb5919e..f1dcfbd 100644 --- a/saas-app/public/app-support.php +++ b/saas-app/public/app-support.php @@ -2838,12 +2838,12 @@ function app_handle_tenant_action(PDO $pdo, array $auth): void function app_marketing_messages(): array { return [ - 'hero' => 'Die moderne Kaffeeliste für Teams, Standorte und gemeinsame Services.', - 'subhero' => 'Zentrale Anmeldung, transparente Kontostände, Einzahlungen, Buchungen und Hinweise in einer webbasierten SaaS-Lösung, die sich leicht betreiben lässt.', + 'hero' => 'Die Kaffeeliste für Teams, Standorte und gemeinsame Abläufe.', + 'subhero' => 'Eine klare Weboberfläche für Anmeldung, Buchungen, Einzahlungen und Hinweise. Schnell verständlich, auch am Handy.', 'benefits' => [ - 'Ein Login für alle Mitgliedschaften statt verteilter Tenant-URLs.', - 'Eine zentrale Verwaltung für Tenants, Zugänge und Betriebsübersicht.', - 'Klare Abläufe für Buchungen, Einzahlungen, Hinweise und Mitgliederverwaltung.', + 'Mitglieder melden sich ohne Umwege an.', + 'Verantwortliche behalten Buchungen und Einzahlungen im Blick.', + 'Standorte und Rollen bleiben sauber getrennt.', ], ]; } diff --git a/saas-app/public/index.php b/saas-app/public/index.php index 1be0b1e..b4acfb3 100644 --- a/saas-app/public/index.php +++ b/saas-app/public/index.php @@ -237,15 +237,34 @@ foreach ($primaryNavItems as $item) { } $themeCss = app_tenant_theme_root_css($tenantSettings); $isMarketingHome = $page === 'home' && $auth === null; -$landingColumns = [ - ['eyebrow' => 'Für Mitglieder', 'title' => 'Schnell starten', 'copy' => 'Einloggen und direkt weiter.'], - ['eyebrow' => 'Für Verantwortliche', 'title' => 'Alles im Blick', 'copy' => 'Bereiche, Hinweise und Verwaltung an einem Ort.'], - ['eyebrow' => 'Für Standorte', 'title' => 'Gemeinsam organisiert', 'copy' => 'Ein klarer Ablauf für Teams und Bereiche.'], -]; +$heroEyebrow = 'Für Teams, Büros und Standorte'; +$heroTitle = 'Die Kaffeeliste für einen klaren Kaffee-Alltag.'; +$heroCopy = 'Mitglieder, Buchungen, Rollen und Hinweise laufen in einer klaren Oberfläche zusammen. Für Teams, die weniger Listen-Chaos und weniger Rückfragen wollen.'; $landingPreview = [ - ['label' => 'Start', 'value' => 'Klar'], - ['label' => 'Team', 'value' => 'Gemeinsam'], - ['label' => 'Zugang', 'value' => 'Direkt'], + ['label' => 'Mitglieder', 'value' => '48 aktiv'], + ['label' => 'Buchungen', 'value' => 'Heute 12'], + ['label' => 'Support', 'value' => '2 offen'], +]; +$landingFeatures = [ + ['title' => 'Dashboard', 'copy' => 'Wichtige Zahlen, Hinweise und offene Themen direkt auf der Startseite.'], + ['title' => 'Mitglieder und Rollen', 'copy' => 'Zugänge, Zuständigkeiten und Bereiche sauber an einem Ort verwalten.'], + ['title' => 'Buchungen', 'copy' => 'Einzahlungen, Verbrauch und Korrekturen nachvollziehbar dokumentieren.'], + ['title' => 'Support und Exporte', 'copy' => 'Rückfragen, Listen und Auswertungen ohne Wechsel zwischen mehreren Tools.'], +]; +$landingSteps = [ + ['number' => '01', 'title' => 'Anmelden und Bereich öffnen', 'copy' => 'Ohne Installation direkt im Browser starten.'], + ['number' => '02', 'title' => 'Mitglieder und Zuständigkeiten ordnen', 'copy' => 'Rollen, Standorte und Zugänge klar strukturieren.'], + ['number' => '03', 'title' => 'Im Alltag damit arbeiten', 'copy' => 'Buchungen pflegen, Fragen klären und den Überblick behalten.'], +]; +$landingUseCases = [ + ['title' => 'Für Mitglieder', 'copy' => 'Schnell sehen, was wichtig ist, ohne sich durch Verwaltungsthemen zu arbeiten.'], + ['title' => 'Für Verantwortliche', 'copy' => 'Buchungen prüfen, Bereiche steuern und Abläufe sauber organisieren.'], + ['title' => 'Für mehrere Standorte', 'copy' => 'Getrennte Bereiche bleiben übersichtlich, folgen aber derselben Logik.'], +]; +$landingProof = [ + ['title' => 'Schnell verständlich', 'copy' => 'Die wichtigsten Bereiche sind sofort erkennbar und klar benannt.'], + ['title' => 'Im Browser und mobil', 'copy' => 'Die Oberfläche funktioniert ohne Installation auf Desktop und Handy.'], + ['title' => 'Für den Alltag gebaut', 'copy' => 'Kaffeeliste, Support, Buchungen und Verwaltung greifen sinnvoll ineinander.'], ]; ?> @@ -255,59 +274,59 @@ $landingPreview = [ Die Kaffeeliste @@ -400,25 +425,26 @@ $landingPreview = [
-
+
-

Die Kaffeeliste

-

Kaffee im Team. Klar organisiert.

-

Für Mitglieder, Verantwortliche und Standorte.

+

+

+

+

Für Mitglieder, Verantwortliche und Standorte. Mobil nutzbar, klar geführt und ohne unnötige Umwege.

Anmelden - Mehr erfahren + Funktionen ansehen
-
-
- -
-

-

-

-
- +
+
+

Produkt

+

Was die Kaffeeliste im Alltag abdeckt

+

Vom Überblick bis zur Auswertung bleibt alles in einer Oberfläche, die sofort verständlich wirkt.

+
+ +
+ +
+

+

+
+ +
-
-

Einfach im Alltag

-

Ein gemeinsamer Ort für die Kaffeeliste.

-

Weniger suchen. Weniger erklären. Klar durch den Tag.

+
+
+

Ablauf

+

So funktioniert es

+

Vom ersten Login bis zum täglichen Einsatz bleibt der Weg kurz und nachvollziehbar.

+
+ +
+ +
+ +

+

+
+ +
+
+ +
+
+

Für wen

+

Für Mitglieder, Verantwortliche und Standorte

+

Jede Rolle bekommt genau die Informationen und Wege, die sie im Alltag braucht.

+
+ +
+ +
+

+

+
+ +
+
+ +
+
+

Warum es passt

+

Klar genug für den Alltag, ruhig genug für gutes Produktdesign

+

Reduziert gestaltet, aber mit genug Tiefe für Teams, die mehr als nur eine einfache Liste brauchen.

+
+ +
+ +
+

+

+
+ +
+
+ +
+

Zum Start

+

Ein gemeinsamer Einstieg für Teams, die Kaffee einfach organisieren wollen.

+

Klar im Aufbau, direkt in der Nutzung und bereit für den täglichen Einsatz im Team.

- Bereit für den Start? - Direkt zur Anmeldung. + Direkt loslegen + Ohne Umwege zur Anmeldung. +
+
+ Anmelden + Funktionen ansehen
- Anmelden
@@ -574,7 +662,7 @@ $landingPreview = [
Schritt 2
-

Bereich waehlen

+

Bereich wählen

@@ -614,7 +702,7 @@ $landingPreview = [

Wenn es nicht direkt klappt

  • Prüfe zuerst, ob du die richtige berufliche E-Mail-Adresse verwendest.
    • -
  • Wenn du in mehreren Bereichen arbeitest, waehle den passenden aus.
    • +
  • Wenn du in mehreren Bereichen arbeitest, wähle den passenden aus.
  • Falls kein Zugang gefunden wird, brauchst du meist nur eine Einladung oder den Kontakt zur verantwortlichen Person.
@@ -661,7 +749,7 @@ $landingPreview = [
-
Uebersicht
+
Übersicht

Alles Wichtige auf einen Blick.

@@ -687,7 +775,7 @@ $landingPreview = [
Heute

Schnell weiter

-

Mitglieder, Buchungen und weitere Bereiche oeffnest du direkt ueber das Menue.

+

Mitglieder, Buchungen und weitere Bereiche öffnest du direkt über das Menü.

@@ -732,14 +820,14 @@ $landingPreview = [

Dein Bereich

  • Hier siehst du deinen Kontostand, letzte Buchungen und aktuelle Hinweise.
    • -
  • Weitere Bereiche findest du direkt im Menue.
    • +
  • Weitere Bereiche findest du direkt im Menü.
  • Wenn dir etwas fehlt, wende dich an den Betreiber deines Bereichs.
-
Naechster Schritt
+
Nächster Schritt

Direkt weiter

-

Nutze das Menue fuer den naechsten Bereich.

+

Nutze das Menü für den nächsten Bereich.

diff --git a/saas-app/resources/views/auth/login.blade.php b/saas-app/resources/views/auth/login.blade.php index 7ba60c2..83b5e65 100644 --- a/saas-app/resources/views/auth/login.blade.php +++ b/saas-app/resources/views/auth/login.blade.php @@ -14,7 +14,7 @@ 'message' => 'Auswahl vor dem Einstieg.', 'matches' => [ ['name' => 'Werk Berlin', 'domain' => 'berlin.kaffeeliste.de', 'login_mode' => 'oidc-first'], - ['name' => 'Werk Koeln', 'domain' => 'koeln.kaffeeliste.de', 'login_mode' => 'oidc-first'], + ['name' => 'Werk Köln', 'domain' => 'koeln.kaffeeliste.de', 'login_mode' => 'oidc-first'], ], ], ]; @@ -27,7 +27,7 @@

Anmeldung

Einfach einsteigen.

- E-Mail eingeben, kurz pruefen, weitermachen. + E-Mail eingeben, kurz prüfen, weitermachen.

@@ -80,7 +80,7 @@

Die Anmeldung startet mit der Adresse.

-

2. Pruefen

+

2. Prüfen

Der passende Zugang wird zugeordnet.

@@ -128,11 +128,11 @@

Kein Treffer

-

Sauberer Rueckweg

+

Sauberer Rückweg

Wenn keine Zuordnung passt, geht es klar weiter statt im Leeren zu enden.

Kontakt oder Einladung - Die Anmeldung zeigt dann den naechsten klaren Schritt. + Die Anmeldung zeigt dann den nächsten klaren Schritt.
diff --git a/saas-app/resources/views/dashboard/index.blade.php b/saas-app/resources/views/dashboard/index.blade.php index 09eb602..7944581 100644 --- a/saas-app/resources/views/dashboard/index.blade.php +++ b/saas-app/resources/views/dashboard/index.blade.php @@ -6,7 +6,7 @@
-

Uebersicht

+

Übersicht

Dein Bereich

Die wichtigsten Werte auf einen Blick. @@ -23,12 +23,12 @@

Status

OK
-

Alles laeuft normal.

+

Alles läuft normal.

-

Letzte Aktivitaet

+

Letzte Aktivität

Heute
-

Neueste Aenderungen im Bereich.

+

Neueste Änderungen im Bereich.

@@ -52,7 +52,7 @@

Letzte Buchung

Heute
-

Aktuelle Aktivitaet.

+

Aktuelle Aktivität.

@@ -60,7 +60,7 @@
-

Aktivitaet

+

Aktivität

Letzte Buchungen

Live @@ -101,7 +101,7 @@

Bereiche

-

Im Menue liegen die zentralen Arbeitsbereiche.

+

Im Menü liegen die zentralen Arbeitsbereiche.

Mitglieder

@@ -117,7 +117,7 @@
- Die wichtigsten Zahlen sind hier, der Rest bleibt im Menue. + Die wichtigsten Zahlen sind hier, der Rest bleibt im Menü.
diff --git a/saas-app/resources/views/layouts/app.blade.php b/saas-app/resources/views/layouts/app.blade.php index cf752b7..82e0e25 100644 --- a/saas-app/resources/views/layouts/app.blade.php +++ b/saas-app/resources/views/layouts/app.blade.php @@ -3,7 +3,7 @@ - + @yield('page_title', $title ?? 'Die Kaffeeliste') @php $layoutAuth = $auth ?? (function_exists('app_auth_user') ? app_auth_user() : null); @@ -45,14 +45,22 @@