From 42a5b7adea40476ec46339310872afaee477a90a Mon Sep 17 00:00:00 2001 From: Floke Date: Tue, 2 Jun 2026 06:52:54 +0000 Subject: [PATCH] [37288f42] Docs: C-Level Presentation v2.4 - High-Fidelity Screenshots & Massive C-Level Typography --- .../Sales_Intelligence_Cockpit_CLevel_v2.html | 274 ++++++++---------- 1 file changed, 124 insertions(+), 150 deletions(-) diff --git a/docs/Praesentation/Sales_Intelligence_Cockpit_CLevel_v2.html b/docs/Praesentation/Sales_Intelligence_Cockpit_CLevel_v2.html index d0cf9592c..18bf7efed 100644 --- a/docs/Praesentation/Sales_Intelligence_Cockpit_CLevel_v2.html +++ b/docs/Praesentation/Sales_Intelligence_Cockpit_CLevel_v2.html @@ -29,7 +29,7 @@ padding: 0; } - /* 1080p Precision Layout - Enhanced Whitespace */ + /* 1080p Precision Layout */ .slide { height: 100vh; width: 100vw; @@ -45,69 +45,63 @@ justify-content: space-between; align-items: center; width: 100%; - gap: 100px; + gap: 120px; } .story-content { - flex: 0 0 500px; /* Fixed width to prevent wrapping issues */ + flex: 0 0 600px; /* Wider for bigger headlines */ z-index: 10; } .visual-area { flex: 1; position: relative; - height: 500px; + height: 600px; display: flex; align-items: center; justify-content: flex-end; /* Strictly Right Aligned */ } - /* DGS Dashboard UI - 1:1 Replica */ - .dashboard-card { + /* Screenshot Styling */ + .screenshot-frame { background: white; border: 1px solid #cbd5e1; - border-radius: 0.5rem; - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15); - width: 100%; - max-width: 720px; + border-radius: 1rem; + box-shadow: 0 30px 60px -12px rgba(0, 0, 0, 0.15); overflow: hidden; + width: 100%; + max-width: 800px; + opacity: 0; + transform: translateX(50px); } - .card-header { - padding: 1.5rem; - border-bottom: 1px solid #f1f5f9; + .screenshot-img { + width: 100%; + height: auto; + display: block; } - .badge-red { background: #fee2e2; color: #b91c1c; font-size: 10px; font-weight: 800; padding: 2px 8px; border-radius: 4px; text-transform: uppercase; display: inline-block; } - .badge-orange { background: #ffedd5; color: #c2410c; font-size: 10px; font-weight: 800; padding: 2px 8px; border-radius: 4px; text-transform: uppercase; display: inline-block; } - - .data-grid { - display: grid; - grid-template-cols: repeat(8, 1fr); - padding: 1rem; - background: #f8fafc; - border-top: 1px solid #f1f5f9; - align-items: center; - text-align: center; + .system-label { + position: absolute; + top: -40px; + right: 0; + font-size: 10px; + font-weight: 800; + text-transform: uppercase; + letter-spacing: 0.3em; + color: #94a3b8; } - .data-cell { font-size: 11px; font-weight: 600; color: #334155; opacity: 0; transform: translateY(10px); } - .data-label { font-size: 9px; color: #94a3b8; font-weight: 700; margin-bottom: 4px; } - /* Scrollytelling Transitions */ .visual-element { position: absolute; - opacity: 0; - transform: translateX(40px); - pointer-events: none; width: 100%; display: flex; justify-content: flex-end; + pointer-events: none; } .visual-element.active { - opacity: 1; - transform: translateX(0); pointer-events: auto; } @@ -120,7 +114,7 @@ z-index: 110; } - /* Fixed Opaque Header */ + /* Solid Header */ header { position: fixed; top: 0; @@ -133,24 +127,33 @@ display: flex; justify-content: space-between; align-items: center; - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05); } .logo-img { width: 14rem; } h2 { letter-spacing: -0.05em; - line-height: 0.95; - font-size: 6rem; /* Increased size */ + line-height: 0.9; + font-size: 7.5rem; /* Massive C-Level Headlines */ font-weight: 800; - margin-bottom: 2.5rem; + margin-bottom: 3rem; } - .text-2xl { font-size: 1.8rem; color: #475569; font-weight: 400; } - .pre-headline { font-size: 1rem; letter-spacing: 0.3em; font-weight: 700; text-transform: uppercase; color: var(--robo-blue); margin-bottom: 1.5rem; display: block; } + .text-2xl { font-size: 2.2rem; color: #475569; font-weight: 400; line-height: 1.3; } + .pre-headline { font-size: 1.2rem; letter-spacing: 0.4em; font-weight: 700; text-transform: uppercase; color: var(--robo-blue); margin-bottom: 2rem; display: block; } - .kpi-bar-bg { width: 100%; height: 12px; background: #f1f5f9; border-radius: 6px; overflow: hidden; margin: 10px 0; } - .kpi-bar-fill { height: 100%; width: 0%; border-radius: 6px; } + .kpi-card { + background: white; + border: 1px solid #e2e8f0; + border-radius: 1.5rem; + padding: 2.5rem; + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05); + width: 100%; + max-width: 450px; + } + + .kpi-bar-bg { width: 100%; height: 16px; background: #f1f5f9; border-radius: 8px; overflow: hidden; margin: 15px 0; } + .kpi-bar-fill { height: 100%; width: 0%; border-radius: 8px; transition: width 1.5s cubic-bezier(0.34, 1.56, 0.64, 1); } @@ -160,80 +163,51 @@
RoboPlanet Logo -
Board Presentation | Executive Strategic Briefing
+
Board Presentation | Executive Briefing
-
+
- +
Status Quo

Verteilte
Sichten.

- Daten waren vorhanden – aber nicht operativ nutzbar. + Daten waren vorhanden – aber operativ nicht schnell genug nutzbar.

-
-
-
-
-
-
-
-
-
+
+ Standard CRM View (Fragmentiert) + SuperOffice Screenshot
- +
Die Lösung

Das
Cockpit.

-

- Operative Klarheit auf einer Seite. +

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

-
-

"Eine Seite statt zehn Klicks."

+
+

"Eine Seite statt zehn Klicks."

-
-
-
-
-

DGS GmbH

-
(Paul Goliasch)
-
-
-
56.996 €
-
-
-
- overdue date - missing contract type -
-
3 x CC1 Pro mit Nachlass
-
- -
-
ORT
📍 3.12.25
-
CALL
📞 29.4.26
-
MAIL
✉️ 1.12.25
-
NÄCHSTER
Keine
-
STATUS
Open
-
TERMIN
30.5.26
-
SUMME
56.996 €
-
+
+ RoboPlanet Sales Intelligence (Live) + DGS Dashboard Screenshot
@@ -244,27 +218,27 @@
- Aktivität -

Vom Überblick
zur Aktion.

-
-
~20%
-
Response Quote
-

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

+ Performance +

Vom Überblick
zur Aktion.

+
+
~20%
+
Response Quote
+

Erster Proof-of-Value innerhalb von 10 Tagen.

-
-
-
- +
+
+
+
Bulk-Rückrufbitte
-
+
-
+
70 Kontakte 14 Reaktionen
@@ -280,22 +254,25 @@
Steuerung

Ehrliche
Pipeline.

-
-
+44%
-
Bereinigtes Lost-Volumen
+

+ Gute Steuerung beginnt mit der Realität.
Bereinigung statt Scheingenauigkeit. +

+
+
+44%
+
Bereinigtes Lost-Volumen
-
+
-
MÄRZ 261,42 Mio. €
+
MÄRZ 261,42 Mio. €
-
MAI 262,05 Mio. €
-
+
MAI 262,05 Mio. €
+
@@ -304,36 +281,38 @@
- +
Intelligence -

Management
Cockpit.

-
-
-
Pipeline Velocity +

Sales
Patterns.

+
+
+
01
+
Pipeline Velocity Analyse
-
-
Winning Habits +
+
02
+
Winning Habits Tracking
-
-
-
12d
Response
-
4.8
Calls/Deal
-
+159%
Uplift
+
+
+
12d
Response
+
4.8
Calls/Deal
+
+159%
Uplift
-
-
-
PH
- Pierre Hollein | LIVE +
+
+
PH
+ Pierre Hollein | LIVE
- Vorführung + Vorführung
@@ -346,15 +325,15 @@
- Potential + Potenzial

Nächster
Hebel.

-

68% der Accounts im CRM ohne Ansprechpartner.

+

68% der CRM-Accounts
ohne Ansprechpartner.

-
0
-
Roh-Accounts
+
0
+
Roh-Accounts
@@ -363,23 +342,22 @@
-
-

Vertrieb. Steuerbar.

-
+
+

Vertrieb. Steuerbar.

+
Transparent
-

Alle Daten auf einer Seite.

+

Alle Daten auf einer Seite.

Priorisiert
-

Vom Alarm zur Aktion.

+

Alarm zur Aktion.

Handlungsfähig
-

Echte Hebel statt Listen.

+

Echte Steuerungs-Hebel.

-

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

@@ -416,35 +394,31 @@ } }); - tl.to(`#${visualId}`, { opacity: 1, x: 0, duration: 0.8, ease: "power2.out" }); + tl.to(`#${visualId} .screenshot-frame, #${visualId} .kpi-card, #${visualId}`, { + opacity: 1, + x: 0, + duration: 1.2, + ease: "expo.out" + }); - // Mini-Animations for Slide 2 (DGS) - if (slideId === "slide2") { - tl.to("#dgsGrid .data-cell", { opacity: 1, y: 0, stagger: 0.1, duration: 0.5 }, "-=0.4"); - } - - // Mini-Animations for Slide 3 (Aktion) + // Mini-Animations if (slideId === "slide3") { - tl.to("#bar3", { width: "20%", duration: 1.5, ease: "power4.out" }, "-=0.5"); + tl.to("#bar3", { width: "20%", duration: 2, ease: "expo.out" }, "-=0.5"); } - - // Mini-Animations for Slide 4 (Pipeline) if (slideId === "slide4") { - tl.to("#bar4a", { width: "42%", duration: 1, ease: "power2.out" }, "-=0.5"); - tl.to("#bar4b", { width: "65%", duration: 1.2, ease: "power2.out" }, "-=0.8"); + tl.to("#bar4a", { width: "42%", duration: 1.2, ease: "power2.out" }, "-=0.8"); + tl.to("#bar4b", { width: "65%", duration: 1.5, ease: "expo.out" }, "-=1.0"); } - - // Mini-Animations for Slide 6 (Counter) if (slideId === "slide6") { tl.to("#count6", { innerHTML: 11216, - duration: 2, + duration: 3, snap: { innerHTML: 1 }, ease: "power2.out" - }, "-=0.5"); + }, "-=0.8"); } } }); - \ No newline at end of file +