From 5178a0cf3f6dba6fcb14c67b6b1cdae99e6798cf Mon Sep 17 00:00:00 2001 From: Floke Date: Tue, 2 Jun 2026 06:30:15 +0000 Subject: [PATCH] [37288f42] Docs: Dashboard Precision Update v2.2 - 1:1 DGS Replica & Layout Alignment Fix --- .../Sales_Intelligence_Cockpit_CLevel_v2.html | 270 +++++++----------- 1 file changed, 104 insertions(+), 166 deletions(-) diff --git a/docs/Praesentation/Sales_Intelligence_Cockpit_CLevel_v2.html b/docs/Praesentation/Sales_Intelligence_Cockpit_CLevel_v2.html index 827aeab14..488d5d990 100644 --- a/docs/Praesentation/Sales_Intelligence_Cockpit_CLevel_v2.html +++ b/docs/Praesentation/Sales_Intelligence_Cockpit_CLevel_v2.html @@ -29,20 +29,20 @@ padding: 0; } - /* 1080p Optimization - Maximum Whitespace */ + /* 1080p Precision Layout */ .slide { - min-height: 140vh; /* High whitespace between sections */ + height: 100vh; width: 100vw; display: flex; align-items: center; justify-content: center; - padding: 0 10%; + padding: 0 8%; position: relative; } .split-layout { display: grid; - grid-template-cols: 38% 52%; + grid-template-cols: 35% 55%; width: 100%; height: 100%; align-items: center; @@ -51,53 +51,52 @@ .story-content { z-index: 10; - max-width: 500px; } .visual-area { position: relative; - height: 500px; + height: 100%; display: flex; align-items: center; - justify-content: flex-end; /* Right-aligned */ + justify-content: flex-end; } - /* UI Element Styling - Compressed & Authentic */ + /* DGS Dashboard UI - 1:1 Replica */ .dashboard-card { background: white; border: 1px solid #cbd5e1; - border-radius: 0.75rem; - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1); - padding: 1.25rem; + border-radius: 0.5rem; + box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08); width: 100%; - max-width: 580px; + max-width: 720px; } - .system-header { + .card-header { + padding: 1.5rem; + border-bottom: 1px solid #f1f5f9; + } + + .badge-red { background: #fee2e2; color: #b91c1c; font-size: 10px; font-weight: 800; padding: 2px 8px; border-radius: 4px; text-transform: uppercase; } + .badge-orange { background: #ffedd5; color: #c2410c; font-size: 10px; font-weight: 800; padding: 2px 8px; border-radius: 4px; text-transform: uppercase; } + + .data-grid { + display: grid; + grid-template-cols: repeat(8, 1fr); + padding: 1rem; background: #f8fafc; - border-bottom: 1px solid #e2e8f0; - padding: 0.5rem 1rem; - margin: -1.25rem -1.25rem 1.25rem -1.25rem; - border-radius: 0.75rem 0.75rem 0 0; - display: flex; - gap: 0.5rem; + border-top: 1px solid #f1f5f9; + align-items: center; + text-align: center; } - .dot { width: 8px; height: 8px; border-radius: 50%; background: #e2e8f0; } - - .kpi-card { - background: white; - border-radius: 1rem; - border: 1px solid #e2e8f0; - padding: 2rem; - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05); - } + .data-cell { font-size: 11px; font-weight: 600; color: #334155; } + .data-label { font-size: 9px; color: #94a3b8; font-weight: 700; margin-bottom: 4px; } /* Scrollytelling Transitions */ .visual-element { position: absolute; opacity: 0; - transform: translateY(80px); + transform: translateY(40px); pointer-events: none; width: 100%; display: flex; @@ -119,13 +118,12 @@ z-index: 110; } - /* Solid White Header */ header { position: fixed; top: 0; left: 0; width: 100%; - padding: 1.5rem 4rem; + padding: 1.5rem 3rem; background: #ffffff; z-index: 100; border-bottom: 1px solid #f1f5f9; @@ -135,65 +133,49 @@ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05); } - .logo-img { - width: 14rem; - } + .logo-img { width: 14rem; } h2 { - letter-spacing: -0.05em; - line-height: 1.0; - font-size: 5rem; + letter-spacing: -0.04em; + line-height: 1.1; + font-size: 4.5rem; font-weight: 800; - margin-bottom: 3rem; + margin-bottom: 2rem; } - .text-xl { font-size: 1.25rem; } - .text-2xl { font-size: 1.6rem; color: #475569; font-weight: 400; } - - .highlight-blue { - color: var(--robo-blue); - } + .text-2xl { font-size: 1.5rem; color: #475569; font-weight: 400; }
-
RoboPlanet Logo
Board Presentation | Executive Strategic Briefing
-
+
- Ausgangslage + Status Quo

Verteilte
Sichten.

-

+

Daten waren vorhanden – aber nicht operativ nutzbar.

-
-
-
Manuelle Excel-Reports -
-
-
Fragmentiertes Wissen -
-
-
-
-
+
+
+
-
-
+
+
@@ -202,15 +184,14 @@
- +
- Die Lösung + Die Lösung

Das
Cockpit.

-

- Alles Wesentliche auf einer Seite.
- Sofortige operative Klarheit. +

+ Eine operative Ansicht für jeden Account.

"Eine Seite statt zehn Klicks."

@@ -219,44 +200,31 @@
-
-
- RoboPlanet CRM | Account Detail View +
+
+
+

DGS GmbH

+
(Paul Goliasch)
+
+
+
56.996 €
+
+
+
+ overdue date + missing contract type +
+
3 x CC1 Pro mit Nachlass
-
-
-

DGS GmbH

-
Paul Goliasch | Neuching
-
-
-
56.996 €
-
Deal Volumen
-
-
-
-
-
CALL
-
Gestern
-
-
-
STATUS
-
Offen
-
-
-
TIME
-
Overdue
-
-
-
TYPE
-
Robotics
-
-
-
-
-
- Angebot nachfassen -
- Morgen + +
+
ORT
📍 3.12.25
+
CALL
📞 29.4.26
+
MAIL
✉️ 1.12.25
+
NÄCHSTER
Keine
+
STATUS
Open
+
TERMIN
30.5.26
+
SUMME
56.996 €
@@ -268,30 +236,27 @@
- Performance + Performance

Vom Überblick
zur Aktion.

-

- Kein Rückspiegel.
Ein aktives Steuerungs-Tool. -

-
+
~20%
Response Quote
-

Innerhalb von 10 Tagen erzielt.

+

Innerhalb von 10 Tagen durch systemgestützte Rückrufbitten.

-
-
-
- +
+
+
+
- Aktion: Bulk-Rückrufbitte +
Bulk-Rückrufbitte
-
+
-
+
70 Kontakte 14 Reaktionen
@@ -305,33 +270,23 @@
- Transparenz + Steuerung

Ehrliche
Pipeline.

-

- Gute Steuerung beginnt mit der Realität.
Bereinigung statt Hoffnung. -

-
+
+44%
Bereinigtes Lost-Volumen
-
-
Pipeline Bereinigung (Volume)
-
+
+
-
- MÄRZ 26 - 1,42 Mio. € -
+
MÄRZ 261,42 Mio. €
-
- MAI 26 - 2,05 Mio. € -
+
MAI 262,05 Mio. €
@@ -345,43 +300,33 @@
- Intelligence + Intelligence

Management
Cockpit.

-

- Erfolgsmuster erkennen.
Stagnation vermeiden. -

-
Pipeline Velocity Analyse +
Pipeline Velocity
-
Winning Habits Tracking +
Winning Habits
-
-
+
+
12d
Response
4.8
Calls/Deal
+159%
Uplift
-
+
PH
Pierre Hollein | LIVE
Vorführung
-
-
-
IA
- Ibrahim Akar -
- Angebot -
@@ -393,15 +338,9 @@
- Potenzial + Potential

Nächster
Hebel.

-

- 68% der Accounts im CRM
ohne Ansprechpartner. -

-
-
68%
-
White Space Accounts
-
+

68% der Accounts ohne Ansprechpartner.

@@ -419,20 +358,19 @@

Vertrieb. Steuerbar.

-
+
Transparent

Alle Daten auf einer Seite.

-
+
Priorisiert
-

Vom Alarm zur Aktion.

+

Alarm zur Aktion.

-
+
Handlungsfähig

Echte Hebel statt Listen.

-

"Du katapultierst uns damit definitiv in eine modernere Zukunft."

@@ -465,22 +403,22 @@ start: "top center", end: "bottom center", onEnter: () => { - gsap.to(`#${visualId}`, { opacity: 1, y: 0, duration: 1, ease: "power3.out" }); + gsap.to(`#${visualId}`, { opacity: 1, y: 0, duration: 0.8, ease: "power2.out" }); }, onLeave: () => { if (index < slides.length - 1) { - gsap.to(`#${visualId}`, { opacity: 0, y: -60, duration: 0.7 }); + gsap.to(`#${visualId}`, { opacity: 0, y: -40, duration: 0.5 }); } }, onEnterBack: () => { - gsap.to(`#${visualId}`, { opacity: 1, y: 0, duration: 1 }); + gsap.to(`#${visualId}`, { opacity: 1, y: 0, duration: 0.8 }); }, onLeaveBack: () => { - gsap.to(`#${visualId}`, { opacity: 0, y: 60, duration: 0.7 }); + gsap.to(`#${visualId}`, { opacity: 0, y: 40, duration: 0.5 }); } }); } }); - \ No newline at end of file +