commit 1692f31f5191f891bda2c1594956e6e30159dea5 Author: RubenRWU Date: Tue Apr 7 17:25:18 2026 +0200 landingpage v1 diff --git a/.codex b/.codex new file mode 100644 index 0000000..e69de29 diff --git a/.dockerignore b/.dockerignore new file mode 100644 index 0000000..938be93 --- /dev/null +++ b/.dockerignore @@ -0,0 +1,6 @@ +.git +.gitignore +.codex +anforderungen +mitarbeiterpuls-landingpage.html +*.pdf diff --git a/Dockerfile b/Dockerfile new file mode 100644 index 0000000..be07efd --- /dev/null +++ b/Dockerfile @@ -0,0 +1,9 @@ +FROM nginx:1.27-alpine + +COPY nginx.conf /etc/nginx/conf.d/default.conf +COPY stitch-landingpage.html /usr/share/nginx/html/index.html + +EXPOSE 80 + +HEALTHCHECK --interval=30s --timeout=5s --start-period=10s --retries=3 \ + CMD wget -q -O /dev/null http://127.0.0.1/ || exit 1 diff --git a/README.md b/README.md new file mode 100644 index 0000000..32bf23b --- /dev/null +++ b/README.md @@ -0,0 +1,30 @@ +# Mitarbeiterpuls Landingpage + +Dieses Verzeichnis enthält die statische Landingpage für `mitarbeiterpuls` sowie ein minimales Docker-Setup für Deployment über Coolify. + +## Verwendete Seite + +Die produktive Startseite wird aus [`stitch-landingpage.html`](./stitch-landingpage.html) gebaut und im Container als `index.html` ausgeliefert. + +## Lokaler Build + +```bash +docker build -t mitarbeiterpuls-landingpage . +docker run --rm -p 8080:80 mitarbeiterpuls-landingpage +``` + +Dann im Browser öffnen: + +```text +http://localhost:8080 +``` + +## Coolify + +Für Coolify reicht dieses Repository/Verzeichnis mit dem vorhandenen `Dockerfile`. + +Empfohlene Einstellungen: + +- Build Pack: `Dockerfile` +- Port: `80` +- Healthcheck-Pfad: `/health` diff --git a/anforderungen/anforderungen_neu.pdf b/anforderungen/anforderungen_neu.pdf new file mode 100644 index 0000000..608ed2a Binary files /dev/null and b/anforderungen/anforderungen_neu.pdf differ diff --git a/anforderungen/briefing.pdf b/anforderungen/briefing.pdf new file mode 100644 index 0000000..d207e85 Binary files /dev/null and b/anforderungen/briefing.pdf differ diff --git a/anforderungen/logo.html b/anforderungen/logo.html new file mode 100644 index 0000000..5800707 --- /dev/null +++ b/anforderungen/logo.html @@ -0,0 +1,11 @@ + + + + + + Document + + +
mıtarbeiterpuls
+ + \ No newline at end of file diff --git a/anforderungen/logodesign.txt b/anforderungen/logodesign.txt new file mode 100644 index 0000000..3427c70 --- /dev/null +++ b/anforderungen/logodesign.txt @@ -0,0 +1,281 @@ +Ja. Hier ist eine präzise, umsetzbare Beschreibung, damit eine KI oder ein Entwickler das Logo in **HTML/CSS responsiv nachbauen** kann. + +## Gesamtwirkung + +Das Logo besteht aus einer einzigen Wortmarke: + +**„mitarbeiterpuls“** + +Es ist ein **modernes, weiches, minimalistisches Sans-Serif-Logo** in **fett / extra-fett**, komplett in **Kleinbuchstaben** gesetzt. Die Schrift wirkt freundlich, digital, klar und leicht technisch. Besonders auffällig ist: + +* sehr **runde Buchstabenformen** +* **gleichmäßige Strichstärke** +* **enge, aber nicht gedrängte Laufweite** +* weißer Text +* deutlicher **weicher Schatten** +* ein **orange leuchtender Punkt** über dem **i** am Anfang statt eines normalen weißen i-Punkts + +## Aufbau des Logos + +### 1. Wortmarke + +Textinhalt: + +`mitarbeiterpuls` + +Alles kleingeschrieben. + +### 2. Schriftcharakter + +Die Schrift ähnelt einer sehr runden, fetten Grotesk. Stilistisch in Richtung: + +* **Avenir Next Rounded Bold / Heavy** +* **Nunito ExtraBold** +* **M PLUS Rounded 1c ExtraBold** +* **Gotham Rounded Bold** +* **Arial Rounded** ist zu kindlich, also eher nicht ideal + +Die Buchstaben sollen: + +* kräftig und voluminös wirken +* breite Rundungen haben +* keine scharfen Ecken besitzen +* sehr gut lesbar sein +* eher **geometrisch** als handschriftlich aussehen + +### 3. Farbe + +Die Wortmarke selbst ist: + +* **reinweiß bis leicht warmweiß** +* ungefähr: `#F5F5F3` bis `#FFFFFF` + +Empfehlung: + +* Textfarbe: `#F4F4F2` + +## Typografische Details + +### Schriftgewicht + +Sehr fett: + +* `font-weight: 800` bis `900` + +### Laufweite + +* neutral bis minimal negativ +* ungefähr: `letter-spacing: -0.01em` bis `-0.03em` + +### Zeilenhöhe + +* `line-height: 1` + +### Verhältnis Höhe/Breite + +Das Logo ist sehr breit und flach. + +Grobe Proportionen: + +* Gesamtbreite ca. **5,5 bis 6,5 mal** so groß wie die Texthöhe +* Das Wort nimmt fast die ganze Breite ein + +## Der besondere Punkt über dem ersten „i“ + +Das wichtigste Markenelement ist der **orange Punkt** über dem ersten Buchstaben **i**. + +### Eigenschaften + +* nicht rein flach, sondern mit **Glow / Leuchteffekt** +* kreisrund +* kräftiges Orange + +### Farbe + +Kernfarbe ungefähr: + +* `#FF7A1A` +* alternativ leicht heller: `#FF8124` + +### Glow + +Um den Punkt liegt ein **weicher, diffuser, orangefarbener Schein**. + +Glow-Eindruck: + +* innen kräftig orange +* außen weich auslaufend +* sichtbar deutlich größer als der eigentliche Punkt + +### Größenverhältnis + +* Punktdurchmesser ungefähr **4–5 % der gesamten Logobreite** +* bzw. ungefähr **35–45 % der x-Höhe** eines Buchstabens +* der Glow ist etwa **2 bis 2,8x** so groß wie der Punkt selbst + +### Position + +Der Punkt sitzt: + +* exakt über dem ersten **i** in „mitarbeiterpuls“ +* leicht oberhalb der normalen i-Punkt-Position +* optisch sauber mittig über dem i-Stamm +* nicht zu hoch, aber mit genug Luft, damit der Glow wirken kann + +Wichtig: +Der **normale weiße i-Punkt** existiert dort nicht. Er wird durch den **orange leuchtenden Punkt** ersetzt. + +## Schatten der Wortmarke + +Die gesamte weiße Wortmarke hat einen **weichen, nach unten rechts fallenden Schlagschatten**. + +### Schattencharakter + +* weich +* diffus +* mittelstark +* elegant, nicht hart +* eher wie leichter 3D-/Floating-Effekt + +### Richtung + +* nach unten +* leicht nach rechts + +### Empfehlung + +In CSS als Kombination mehrerer Schatten: + +* kleiner Schatten für Kontur/Tiefe +* größerer Schatten für weiche Fläche + +Beispielwirkung: + +* `0.02em 0.05em 0.06em rgba(0,0,0,0.18)` +* `0.04em 0.10em 0.18em rgba(0,0,0,0.16)` +* `0.06em 0.18em 0.30em rgba(0,0,0,0.10)` + +Der Schatten soll im unteren Bereich der Buchstaben deutlicher sichtbar sein. + +## Buchstabencharakter im Detail + +Damit der Nachbau näher ans Original kommt: + +### m + +* sehr breit +* runde Übergänge +* dicke Stämme +* kompakt, weich + +### i + +* schmaler Stamm +* Punkt beim ersten i orange +* spätere i-Punkte normal weiß und rund + +### t + +* relativ kurzer Querbalken +* rundes Ende +* kräftiger Stamm + +### a + +* einstöckiges „a“ wirkt wahrscheinlich am passendsten +* rund, geschlossen, kompakt + +### r + +* kurzer Schulteransatz +* weich gerundet + +### b / p / u / s + +* sehr runde, freundliche Formen +* keine eckigen Innenräume +* besonders das `puls` wirkt weich und ausgewogen + +## Hintergrund im Beispielbild + +Das Bild zeigt nur die Wortmarke auf transparentem Hintergrund, aber im Screenshot ist ein Arbeitsraster zu sehen. Das Raster gehört **nicht** zum Logo. + +Also: + +* der eigentliche Logohintergrund ist **transparent** +* nur die weiße Wortmarke plus orange Glow gehören zum Design + +## Responsive Umsetzung + +Für responsive HTML/CSS sollte das Logo so gebaut werden: + +### Prinzip + +* ein Wrapper mit `position: relative` +* der eigentliche Text als ein Element +* der orange Punkt als separates, absolut positioniertes Element +* Skalierung über `font-size` mit `clamp()` +* Position des Punkts relativ zur Schriftgröße, nicht in fixen Pixeln + +### Empfohlene Skalierungslogik + +* Textgröße z. B. mit `clamp(2rem, 8vw, 8rem)` +* Punktgröße in `em` +* Glow ebenfalls in `em` +* Textschatten in `em`, damit alles mit der Schrift mitskaliert + +## Präzise Stilbeschreibung für eine KI + +Du kannst einer KI diesen Block direkt geben: + +> Erzeuge ein responsives HTML/CSS-Logo für das Wort „mitarbeiterpuls“. +> Die Wortmarke ist komplett kleingeschrieben, in einer sehr fetten, runden Sans-Serif-Schrift mit freundlichem, modernem, geometrischem Charakter. Die Schrift ist weiß bis leicht warmweiß, mit einem weichen, diffusen Schatten nach unten rechts, sodass die Buchstaben leicht schwebend wirken. +> Der erste Buchstabe „i“ hat keinen normalen weißen Punkt. Stattdessen sitzt darüber ein runder orangefarbener Punkt mit kräftigem, weichem Glow. Der Punkt ist klar sichtbar, aber kleiner als ein Buchstabenauge, und der Glow ist etwa doppelt bis dreifach so groß wie der Punkt selbst. +> Das Logo soll auf transparentem Hintergrund funktionieren. +> Die Typografie soll breit, weich, sauber und hochwertig wirken. +> Das Layout muss responsiv sein: Textgröße über clamp(), orange Punkt relativ in em positionieren, Schatten ebenfalls skalierend in em anlegen. + +## Noch genauer: CSS-Zielwerte + +Falls eine KI konkrete Werte braucht: + +* `font-family`: `"Avenir Next Rounded", "Nunito", "M PLUS Rounded 1c", sans-serif` +* `font-weight`: `800` oder `900` +* `color`: `#F4F4F2` +* `letter-spacing`: `-0.02em` +* `line-height`: `1` +* Textschatten: + + * `0.015em 0.03em 0.03em rgba(0,0,0,.18)` + * `0.03em 0.08em 0.12em rgba(0,0,0,.14)` + * `0.05em 0.14em 0.25em rgba(0,0,0,.10)` + +Orange Punkt: + +* `background: #FF7A1A` +* `width: 0.18em` bis `0.24em` +* `height: 0.18em` bis `0.24em` +* `border-radius: 50%` +* `box-shadow`: + + * `0 0 0.12em rgba(255,122,26,.95)` + * `0 0 0.28em rgba(255,122,26,.72)` + * `0 0 0.48em rgba(255,122,26,.38)` + +## Hinweis zur Positionierung des orangefarbenen Punkts + +Da der Punkt über dem **ersten i** sitzen muss, ist die sauberste Methode: + +* Text in einzelne `span`s splitten +* das erste `i` in ein eigenes `span` +* den orangefarbenen Punkt über diesem `span` absolut platzieren + +So bleibt das Logo auch responsiv korrekt. + +## Kompakte Beschreibung für Prompting + +Falls du nur einen kompakten Prompt brauchst: + +> Minimalistische Wortmarke „mitarbeiterpuls“, komplett in Kleinbuchstaben, weiße extra-fette runde Sans-Serif-Schrift, weich und modern, mit dezentem weichen Schatten nach unten rechts. Über dem ersten „i“ sitzt ein kleiner orangefarbener Punkt mit warmem Glow statt eines normalen i-Punkts. Transparentes Logo, hochwertig, digital, freundlich, responsiv umsetzbar. + +Ich kann dir daraus auch direkt den **fertigen HTML/CSS-Code** für einen möglichst originalgetreuen responsiven Nachbau erstellen. diff --git a/anforderungen/style.txt b/anforderungen/style.txt new file mode 100644 index 0000000..ba96b8b --- /dev/null +++ b/anforderungen/style.txt @@ -0,0 +1,619 @@ +Ja — hier ist eine **präzise UI-/Brand-Spezifikation**, mit der eine KI das Dashboard sehr nah am gezeigten Stil nachbauen kann. + +Ich beschreibe erst die **Marke**, dann **Layout**, **Farben**, **Typografie**, **Komponenten**, **Charts**, **Spacing**, **Shadows**, **Icons**, **Responsive-Verhalten** und gebe dir am Ende noch einen **kompakten KI-Prompt**. + +--- + +# 1. Gesamtstil / visuelle Richtung + +**Stilname:** +„Technical Elegance“ + +**Look & Feel:** +Ein sehr dunkles, elegantes, modernes B2B-Analytics-Dashboard mit leicht futuristischem, aber nüchternem Charakter. +Es soll wirken wie: + +* premium +* technisch präzise +* ruhig +* hochwertig +* datengetrieben +* minimalistisch +* leicht warm akzentuiert durch Orange + +**Wirkung:** +Nicht verspielt, nicht bunt, nicht glossy, nicht neon-cyberpunk. +Die Oberfläche ist dunkel, matt, hochwertig und zurückhaltend. Orange wird nur als **gezielter Markenakzent** verwendet. + +--- + +# 2. Brand-Grundregeln + +## Markenname / Schreibweise + +Die Wortmarke ist immer: + +**mitarbeiterpuls** + +Wichtig: + +* komplett **kleingeschrieben** +* keine Verzerrung +* keine Serifenschrift +* kein heller Hintergrund +* keine alternative Schreibweise wie „Mitarbeiterpuls“ + +--- + +# 3. Farbpalette + +Die zweite Grafik zeigt die Farbwelt sehr klar. Verwende diese Farben: + +## Primärfarben + +* **Carbon Black**: `#121212` +* **Snow White**: `#FFFFFF` +* **Ember Orange**: `#FF6600` + +## Statusfarben + +* **Success Green**: `#00C853` + (im Bild leicht als kräftiges Grün dargestellt; falls exakter Corporate-Wert nicht lesbar ist, diesen Wert verwenden) +* **Warning Yellow**: `#FFD600` +* **Alert Red**: `#D50000` + +## Zusätzliche UI-Nuancen für das Dashboard + +Um das Dashboard wie im Bild aussehen zu lassen, sind zusätzlich diese dunklen Zwischenstufen sinnvoll: + +* **Page Background**: `#0D0F12` +* **Sidebar Background**: `#11141A` +* **Card Background**: `#161A22` +* **Card Hover / Elevated Panel**: `#1B2029` +* **Border / Divider**: `rgba(255,255,255,0.08)` bis `rgba(255,255,255,0.12)` +* **Muted Text**: `rgba(255,255,255,0.60)` +* **Secondary Text**: `rgba(255,255,255,0.75)` +* **Soft Orange Glow**: `rgba(255,102,0,0.20)` +* **Chart Orange Line**: `#C8742A` bis `#D88436` +* **Chart Green Line**: `#2FBF71` +* **Chart Yellow Line**: `#D8A63A` + +## Hintergrundcharakter + +Der Hintergrund ist **nicht flach schwarz**, sondern: + +* sehr dunkles Anthrazit / Schwarz +* leicht texturiert / minimal körnig +* mit ganz dezentem Blau-Grau-Anteil +* keine hellen Flächen + +--- + +# 4. Typografie + +## Primärfont + +**JetBrains Mono** +Das ist laut Styleguide die Markenschrift. + +## Nutzung + +* **Logo:** JetBrains Mono Bold +* **Überschriften / KPI-Zahlen:** JetBrains Mono Bold +* **Labels / UI-Text:** JetBrains Mono Regular +* **Sekundärlabels / kleine Beschriftungen:** JetBrains Mono Light oder Regular mit reduzierter Opazität + +## Typografische Regeln + +* technisch, klar, monospaced +* keine Serifenschrift +* keine übertriebene Großschreibung +* viele UI-Texte eher klein und kompakt +* KPI-Zahlen groß und deutlich +* textlastige Panels eher mit kleinerem, ruhigem Text + +## Empfohlene Schriftgrößen + +### Desktop + +* App-Logo: 18–22 px, Bold +* Seiten-/Bereichstitel: 13–15 px, Medium/Bold +* Haupt-KPI im Hero: 34–40 px +* KPI-Card-Titel: 12–13 px +* KPI-Card-Wert: 28–34 px +* Kleine Chart-Labels: 10–11 px +* Tabelleninhalt: 11–12 px +* Sidebar-Menü: 12–13 px + +--- + +# 5. Grundlayout des Dashboards + +Das Dashboard im ersten Bild hat diese Struktur: + +## Canvas / App Frame + +* Vollbild-Dashboard in dunklem Theme +* Zentraler Content-Bereich mit abgerundeten Karten +* Links eine schmale Sidebar +* Oben eine Topbar +* Darunter ein Hero-/Summary-Bereich +* Darunter KPI-Karten +* Unten zwei große Panels: Tabelle + Insights + +## Grober Aufbau + +```text +┌─────────────────────────────────────────────────────────────┐ +│ Topbar │ +├──────────────┬──────────────────────────────────────────────┤ +│ Sidebar │ Hero Summary Bar │ +│ ├──────────────────────────────────────────────┤ +│ │ 4 KPI Cards │ +│ ├───────────────────────┬──────────────────────┤ +│ │ Team Overview Table │ AI Insights Panel │ +└──────────────┴──────────────────────────────────────────────┘ +``` + +--- + +# 6. Topbar + +## Aufbau + +Eine schmale obere Navigationsleiste über dem Content. + +### Links + +* kleines oranges rundes Brand-Icon / Punkt +* daneben „mitarbeiterpuls“ in weiß + +### Mitte + +* Suchfeld oder zentrierte Titelleiste sehr dezent +* dunkel, kaum sichtbar, subtil + +### Rechts + +* runder User-Avatar / Profilbutton +* ggf. kleine Utility-Icons + +## Style + +* Höhe: ca. 48–56 px +* Hintergrund: leicht heller als Page Background, z. B. `#131722` +* Border unten sehr subtil +* Inputs/Pills: dunkelgrau, weich gerundet + +--- + +# 7. Sidebar + +## Breite + +* Desktop: ca. 72–96 px bei ikonischer Sidebar +* oder 140–180 px wenn mit Labels + +Im Mockup ist sie **schmal**, aber mit Textlabels. + +## Inhalt + +Vertikale Navigation mit etwa: + +* Dashboard +* Teams +* Survey +* Settings +* Feedback + +## Stil + +* dunkler als Hauptfläche +* Icons links, Text daneben +* aktiver Menüpunkt mit orangefarbener Markierung oder dunkler aktiver Kachel +* viel Luft, kein grelles Highlight + +## Aktiver Zustand + +* dunkles aktiviertes Rechteck +* links eine orange Linie oder orange Fläche +* Text in Weiß +* Icon ebenfalls heller + +--- + +# 8. Hero-/Summary-Bereich oben + +Das ist der wichtigste visuelle Block. + +## Form + +Eine breite horizontale Karte oben über den KPI-Karten. + +## Inhalt links + +* großer **Donut / Ringindikator** in Orange +* zeigt Gesamtscore + +## Inhalt Mitte/Rechts + +* Headline: + **„Gesamtengagement: 7.4/10“** +* darunter ein breiter **Line-/Area-Chart** über den Zeitverlauf +* X-Achse mit Zeitpunkten / Perioden + +## Farbigkeit + +* Donut-Ring: Ember Orange `#FF6600` +* Chart-Linie: warmes Orange/Bernstein +* Chart-Fläche: sehr dezenter orangefarbener Verlauf nach unten +* Hintergrund der Karte: dunkles Blau-Grau/Anthrazit + +## Typo + +* Titel in Weiß +* Score prominent +* Nebentexte gedimmt + +## Größenverhältnis + +* Donut links etwa 20–25 % der Breite des Hero-Blocks +* Titel + Chart rechts etwa 75–80 % + +--- + +# 9. KPI-Kartenreihe + +Unter dem Hero-Block folgen **vier gleich hohe Karten** nebeneinander. + +## Beispielinhalte aus dem Bild + +* Engagement +* Fluktuation +* Führung +* Belastung + +## Aufbau je Karte + +* kleiner Titel oben links +* große Zahl mittig/links +* kleine Trendanzeige rechts oder unten +* sehr kleiner Untertitel / Vergleichswert +* Mini-Line-Chart im unteren Bereich + +## Stil + +* Hintergrund: `#161A22` oder `#171B24` +* Radius: 12–16 px +* feine Border +* leichter Soft Shadow +* kein starker 3D-Effekt +* jede Karte minimal unterschiedlich in Akzentfarbe, aber insgesamt sehr zurückhaltend + +## Trendfarben + +* positive Entwicklung: Grün +* neutrale/warnende Entwicklung: Gelb/Orange +* negative Entwicklung: Rot oder ockerfarbene Linie + +--- + +# 10. Untere Sektion: Team-Übersicht + AI-Insights + +## Linkes großes Panel: Team-Übersicht + +Eine dunkle Karte mit tabellarischer Übersicht. + +### Inhalt + +* Titel: „Team-Übersicht“ +* mehrere Zeilen für Abteilungen / Teams, z. B.: + + * Entwicklung + * Vertrieb + * Marketing + * Operations + +### Spalten + +mehrere KPI-Spalten mit farbcodierten Werten: + +* grüne Werte = gut +* gelbe Werte = mittel +* rote Werte = kritisch +* orange Werte = Brand/Neutral-KPI + +### Stil + +* kompakte Tabelle +* keine harten Gridlines +* lieber subtile horizontale Trennlinien +* Zahlen in kleinen farbigen Pills oder in farbiger Typo + +## Rechtes großes Panel: AI-Empfehlungen / Insights + +Eine vertikale Karte mit Textbausteinen. + +### Inhalt + +* Titel etwa: „AI-Empfehlungen“ oder „KI-Empfehlungen“ +* kurze Bullet-artige Aussagen: + + * Abteilung X benötigt Aufmerksamkeit + * Stimmung sinkt + * Führung verbessert sich + * Handlungsempfehlungen etc. + +### Stil + +* textorientiert +* kleine Icons/Bullets +* eher informativ als dekorativ +* weiße und graue Typo +* einzelne orange oder grüne Markierungen für Prioritäten + +--- + +# 11. Kartenstil / Container-Stil + +Die Styleguide-Grafik zeigt die gewünschte Sprache der UI-Komponenten sehr klar. + +## Karten + +* dunkle, halbmatte Flächen +* weiche Rundungen: 14–18 px +* dezente Außenkante / Border +* subtiler innerer Glow möglich +* Schatten weich, aber nicht stark + +## Beispielwerte + +* Border: `1px solid rgba(255,255,255,0.08)` +* Box shadow: `0 8px 30px rgba(0,0,0,0.28)` +* Backdrop/Glass nur sehr leicht, nicht echtes starkes Glasdesign + +## Buttons / Inputs + +* dunkelgraue Flächen +* abgerundet +* Orange nur bei Hover, Fokus oder primärer Aktion +* keine hellen Button-Flächen + +--- + +# 12. Datenvisualisierung + +Die zweite Grafik gibt klare Regeln vor. + +## Donut Charts + +* Ring ist relativ dick +* Farben: + + * Grün = Success + * Gelb = Warning + * Rot = Alert + * Orange kann als Brand-Akzent vorkommen +* Mitte frei / leer +* minimalistisches Labeling + +## Line Charts + +* dunkler Hintergrund +* dünne bis mittlere Linie +* warme Orange-/Rot-Töne +* subtile Gridlines +* Achsen sehr dezent +* keine kräftigen Farben außer gezielten Statushinweisen + +## Generelle Chart-Regeln + +* wenig Beschriftung +* kein überladenes Raster +* keine bunten Standard-Chartfarben +* alles wirkt ruhig und professionell +* Linien leicht geglättet +* Flächen unter Linien mit sehr schwachem Verlauf + +--- + +# 13. Abstände / Spacing + +## Grundsystem + +Nutze ein 8px-Grid. + +## Empfohlene Abstände + +* äußerer Seitenrand: 20–28 px +* Abstand Sidebar zu Content: 16–20 px +* Abstand zwischen Karten: 12–16 px +* Innenabstand von Karten: 16–20 px +* Abstand zwischen KPI-Zahl und Mini-Chart: 8–12 px + +## Eindruck + +Nicht eng, aber kompakt. +Es soll wie ein professionelles Control Center wirken, nicht wie eine Marketing-Landingpage. + +--- + +# 14. Rundungen / Formen + +* Hauptkarten: 14–18 px Radius +* Buttons/Inputs: 10–14 px Radius +* Avatare: rund +* Chips/Pills: 999 px Radius +* Donut: sauber, präzise, ohne verspielte Rundungsfehler + +--- + +# 15. Icons + +## Stil + +* dünn bis mittelstark +* linear / outline +* technisch und schlicht +* weiß oder grau +* aktive Zustände orange + +## Nicht verwenden + +* bunte Emoji-artige Icons +* illustrative Icons +* 3D-Icons +* Comic-Stil + +--- + +# 16. Tonalität / Content-Stil + +Laut Styleguide: + +* **objektiv/klar** +* **unterstützend/empathisch** +* **niemals belehrend** + +Das heißt für Texte im Dashboard: + +* nüchtern +* handlungsorientiert +* menschlich +* keine aggressive Alarm-Sprache +* eher „Hinweis“, „Trend“, „Empfehlung“, „Beobachtung“ + +--- + +# 17. Responsive Verhalten + +Im ersten Bild sieht man das Dashboard auf: + +* Desktop +* Tablet +* Smartphone + +## Desktop + +* volle Struktur mit Sidebar, Hero, 4 KPI-Karten, Tabelle, Insight-Panel + +## Tablet + +* Sidebar deutlich schmaler +* Karten in 2x2 oder 2-spaltigem Grid +* Hero bleibt oben +* Tabelle und Insights untereinander oder 2-spaltig, je nach Breite + +## Mobile + +* einspaltig +* Hero zuerst +* KPI-Karten untereinander +* Tabelle vereinfacht oder horizontal scrollbar +* Insights darunter +* Navigation kompakt / Burger / Bottom Nav + +--- + +# 18. Exakte stilistische Merkmale aus dem Bild + +Hier die wichtigsten visuellen Hinweise, damit eine KI es wirklich trifft: + +1. **Sehr dunkler Grundton**, fast schwarz, aber nicht reines Schwarz. +2. **Orange Ring links oben** ist ein zentraler Markenanker. +3. **Headline mit Score** steht dominant im Hero-Bereich. +4. **Liniencharts sind dünn, elegant, warm-orange oder grün**, nie quietschbunt. +5. **Alle Cards sind dunkel und leicht voneinander abgesetzt**, aber nicht zu kontrastreich. +6. **Typografie ist monospaced und technisch.** +7. **Das UI wirkt luxuriös und präzise**, eher wie High-End-Analytics-Software als ein Standard-SaaS-Template. +8. **Es gibt kaum visuelles Rauschen**: keine harten Umrandungen, keine grellen Akzente, keine unnötigen Effekte. +9. **Logo und Wortmarke sind immer weiß auf dunklem Grund**, mit kleinem orangefarbenem Akzentpunkt. +10. **Die Datenvisualisierung nutzt Statusfarben konsistent**: grün, gelb, rot plus orange als Markenfarbe. + +--- + +# 19. Design-Tokens für eine KI oder ein Frontend-System + +```yaml +brand: + name: "mitarbeiterpuls" + style: "Technical Elegance" + +colors: + background: "#0D0F12" + surface_sidebar: "#11141A" + surface_card: "#161A22" + surface_card_hover: "#1B2029" + border_subtle: "rgba(255,255,255,0.08)" + text_primary: "#FFFFFF" + text_secondary: "rgba(255,255,255,0.75)" + text_muted: "rgba(255,255,255,0.60)" + accent: "#FF6600" + success: "#00C853" + warning: "#FFD600" + danger: "#D50000" + chart_orange: "#D88436" + chart_orange_fill: "rgba(255,102,0,0.10)" + chart_green: "#2FBF71" + chart_yellow: "#D8A63A" + +typography: + font_family: "JetBrains Mono, monospace" + logo_weight: 700 + heading_weight: 700 + body_weight: 400 + caption_weight: 300 + +radius: + card: 16 + button: 12 + pill: 999 + +shadow: + card: "0 8px 30px rgba(0,0,0,0.28)" + glow_accent: "0 0 24px rgba(255,102,0,0.16)" + +spacing: + page_padding: 24 + card_padding: 18 + gap: 16 + +layout: + topbar_height: 52 + sidebar_width: 160 + hero_height: 120-150 + kpi_card_height: 110-130 +``` + +--- + +# 20. KI-Beschreibung zum direkten Nachbauen + +Hier ist eine Formulierung, die du 1:1 einer generativen KI oder einem UI-Generator geben kannst: + +**Prompt:** + +> Erstelle ein hochwertiges, dunkles HR-Analytics-Dashboard für die Marke „mitarbeiterpuls“ im Stil „Technical Elegance“. Verwende eine sehr dunkle anthrazit-schwarze Oberfläche mit subtiler Textur. Typografie ausschließlich JetBrains Mono. Primärfarben: Carbon Black #121212, Snow White #FFFFFF, Ember Orange #FF6600. Statusfarben: Success Green #00C853, Warning Yellow #FFD600, Alert Red #D50000. +> +> Das Layout besteht aus einer schmalen linken Sidebar, einer oberen Topbar und einem Hauptbereich mit abgerundeten Dark-Mode-Karten. Oben eine breite Hero-Karte mit großem orangenen Donut-Ring links und der Headline „Gesamtengagement: 7.4/10“ rechts, darunter ein eleganter orangefarbener Trend-Chart. Unter dem Hero vier KPI-Karten nebeneinander: Engagement, Fluktuation, Führung, Belastung, jeweils mit großer Zahl, kleinem Label und Mini-Line-Chart. Darunter links eine dunkle Tabellenkarte „Team-Übersicht“ mit farbcodierten KPI-Werten und rechts eine Karte „KI-Empfehlungen“ mit kompakten textlichen Insights. +> +> Alle Komponenten sollen leicht abgerundet sein (ca. 16px Radius), mit subtilen Borders und weichen Schatten. Keine hellen Hintergründe, keine Serifenschriften, keine bunten Standardfarben. Das Dashboard soll präzise, luxuriös, technisch, ruhig und professionell wirken. Orange nur als gezielter Markenakzent. Charts minimalistisch, mit feinen Gridlines und zurückhaltenden Labels. Logo immer als „mitarbeiterpuls“ in Kleinbuchstaben, weiß auf dunklem Hintergrund, optional mit kleinem orangenen Punkt oder Kreisakzent. + +--- + +# 21. Wichtigste No-Gos + +Damit es nicht vom Stil abweicht: + +* keine weißen Karten +* keine serifenbetonte Typografie +* keine knalligen Neonfarben +* keine dicken Standard-UI-Borders +* keine verspielten Illustrationen +* keine großen bunten Buttons +* kein zu helles Blau als Primärfarbe +* Logo niemals in Groß-/Mischschreibung + +--- + +Wenn du möchtest, formuliere ich dir daraus als Nächstes noch eine **ultrapräzise JSON-Design-Spec** oder einen **Prompt für Lovable / v0 / Figma AI / Midjourney / Cursor**. diff --git a/docker-compose.yml b/docker-compose.yml new file mode 100644 index 0000000..bdd8a7c --- /dev/null +++ b/docker-compose.yml @@ -0,0 +1,17 @@ +version: "3.9" + +services: + landingpage: + build: + context: . + dockerfile: Dockerfile + container_name: mitarbeiterpuls-landingpage + ports: + - "8080:80" + restart: unless-stopped + healthcheck: + test: ["CMD", "wget", "-q", "-O", "/dev/null", "http://127.0.0.1/health"] + interval: 30s + timeout: 5s + retries: 3 + start_period: 10s diff --git a/mitarbeiterpuls-landingpage.html b/mitarbeiterpuls-landingpage.html new file mode 100644 index 0000000..f8bb136 --- /dev/null +++ b/mitarbeiterpuls-landingpage.html @@ -0,0 +1,476 @@ + + + + + +Mitarbeiterpuls — Der PULS deines Unternehmens in 30 Sekunden | KI-gestütztes Mitarbeiter-Feedback für KMU + + + + + + + + + + + + + + + +
+
+
+
Jetzt verfügbar für KMUs mit 10–150 Mitarbeitenden
+

Der PULS deines
Unternehmens in
30 Sekunden

+

Mitarbeiterpuls gibt Geschäftsführern das, was bisher nur Konzernen vorbehalten war: ein KI-gestütztes Echtzeit-Dashboard für Mitarbeiter-Engagement, Stresslevel und Fluktuationsrisiko. Ohne HR-Abteilung. Ohne Aufwand.

+
+Kostenlose Demo buchen → +Whitepaper herunterladen +
+

Vertraut von zukunftsorientierten Mittelständlern

+
TechVentures
ScaleUp GmbH
MittelstandDigital
InnoWerk AG
PrimeTeam
+
+
+
+ +
+
43.000€
Durchschnittliche Kosten pro Fluktuationsfall
Quelle: Kompetenz Center Mitarbeiterbindung
+
9%
der Beschäftigten in DE sind wirklich engagiert
Quelle: Gallup Engagement Index 2024
+
118Mrd.
Euro volkswirtschaftliche Kosten durch Fluktuation p.a.
Quelle: Gallup Deutschland
+
59%
weniger Kündigungswunsch durch hohes Engagement
Quelle: Gallup Global Workforce Report
+
+ +
+
Das Problem
+

Im Mittelstand fliegt die Stimmung
unter dem Radar

+

Große Konzerne haben HR-Abteilungen, Engagement-Plattformen und People-Analytics-Teams. Mittelständler haben: ein Bauchgefühl. Und das reicht nicht mehr.

+
+
🔇

Stille Kündigungen bleiben unsichtbar

Mitarbeitende, die innerlich bereits gekündigt haben, zeigen es erst, wenn die Kündigung auf dem Tisch liegt. Dann ist es zu spät — und teuer.

13% haben innerlich gekündigt
+
📊

Jährliche Umfragen kommen zu spät

Die klassische Mitarbeiterbefragung einmal im Jahr ist wie ein Blutbild alle 12 Monate: Wenn man das Ergebnis hat, ist die Krankheit längst chronisch.

73% denken monatlich an Jobwechsel
+
🏢

Enterprise-Tools sind nichts für KMUs

Leapsome, Peakon, Qualtrics — starke Tools, aber designed für Konzerne mit HR-Abteilungen. Als CEO eines KMU brauchen Sie etwas, das in 30 Sekunden funktioniert.

Ab 8€/User/Monat + Setup
+
+
+ +
+
Die Lösung

So simpel wie ein Daumen hoch

Mitarbeiterpuls komprimiert das, was bei Konzernen Monate dauert, auf einen Ablauf, der kürzer ist als ein Kaffee holen.

+
+
01

Mitarbeitende geben Feedback

4 Fragen, 1–10 Skala, optional Freitext. Per E-Mail-Link, anonym, vom Smartphone. Kein Login, kein Aufwand.

⏱ 30 Sekunden
+
02

KI analysiert in Echtzeit

Die Daten fließen sofort in 5 KPIs: Engagement, Fluktuation, Führung, Belastung und Energie. Unsere KI erkennt Muster und Risiken.

⚡ Sofort
+
03

CEO sieht den PULS

Ein Dashboard. Fünf Ampeln. Ein PULS-Gesamtwert. KI-generierte Handlungsempfehlungen. Trend-Verläufe. Team-Heatmap. Alles auf einen Blick.

📊 Ein Blick genügt
+
+
+ +
+
Features

Alles, was ein CEO braucht.
Nichts, was er nicht braucht.

Kein Feature-Bloat. Kein Consulting nötig. Mitarbeiterpuls konzentriert sich auf die 5 Kennzahlen, die den Unterschied machen.

+
+
🔥

5 KPI-Ampelsystem + PULS

Engagement, Fluktuation, Führung, Belastung, Energie — jeder KPI hat eine klare Ampel und einen 12-Wochen-Trend. Dazu der PULS als Gesamtwert.

+
🤖

KI-Handlungsempfehlungen

Keine Zahlen ohne Kontext: Die KI priorisiert Maßnahmen und sagt Ihnen konkret, was Sie als nächstes tun sollten.

+
📡

Echtzeit-Dashboard für den Büro-Monitor

Die öffentliche Ansicht zeigt dem Team den PULS live — und motiviert zur Teilnahme. Ohne sensible Daten.

+
🚨

Fluktuation-Frühwarnsystem

Unsere KI erkennt Muster, die auf erhöhtes Fluktuationsrisiko hindeuten — bevor die Kündigung kommt.

+
🔒

100% Anonym & DSGVO-konform

Kein Tracking, keine Rückverfolgung. Anonymität ist technisch garantiert — das schafft Vertrauen und ehrliches Feedback.

+
📧

Automatisierte Erinnerungen

Mitarbeitende werden automatisch per E-Mail erinnert. Freitagnachmittag als natürlicher Reflexionspunkt. Null Admin-Aufwand.

+
+
+ +
+
Dashboard Preview

Ihr neues Cockpit

Ein Blick genügt: Der PULS, 5 KPIs, Ampelsystem, Team-Heatmap und KI-Empfehlungen — alles auf einem Screen.

+
+
mitarbeiterpuls — Dashboard
+
+
🔥 Engagement
7.8/10
↑ 0.4
+
🚪 Fluktuation
12%
↓ 2.1%
+
👤 Führung
7.2/10
↑ 0.3
+
⚡ Belastung
6.4/10
↑ 0.6
+
🚀 Energie
7.5/10
↑ 0.2
+
+
+
+
✦ KI-Empfehlungen
+

Stresslevel steigt — Seit 4 Wochen steigend. Team-Lead-Gespräche empfohlen.

+

Fluktuationsrisiko Ops — 3 von 10 MA im Risikobereich.

+

Führung auf Allzeithoch — Coaching-Programm zeigt Wirkung.

+
+
+
Team-Übersicht
+
TEAM
ENG
STRESS
ENRG
FHRG
RISIKO
+
Entwicklung
7.8
5.5
7.2
8.1
● Gut
+
Vertrieb
7.1
6.8
7.5
7.2
● Mäßig
+
Operations
6.5
7.2
5.8
6.9
● Hoch
+
+
+
+
+ +
+
Vergleich

Warum Mitarbeiterpuls anders ist

Die großen Plattformen sind für Konzerne. Mitarbeiterpuls ist für Geschäftsführer, die 5 Minuten pro Woche haben.

+
+
Mitarbeiterpuls
Enterprise
+
Setup-Zeit
5 Min.
2–6 Wochen
+
Feedback-Dauer Mitarbeiter
30 Sek.
5–15 Min.
+
HR-Abteilung nötig
Nein
Ja
+
KI-Handlungsempfehlungen
✓
Teilweise
+
Live-Monitor fürs Büro
✓
✕
+
Preis (50 MA)
200€/Mo
400–800€+
+
Zielgruppe
CEO direkt
HR-Teams
+
+
+ +
+
Preise

Ein Preis. Keine Überraschungen.

Günstiger als eine einzige Kündigung. Wertvoller als jede Jahresbefragung.

+
+
+
Starter · Für KMUs
+
€4
+
pro Mitarbeiter / Monat
+
50 Mitarbeitende × 4€ = 200€ / Monat
+
+
✓ PULS-Gesamtwert + 5 KPIs mit Ampelsystem & Trendverlauf
+
✓ KI-Handlungsempfehlungen
+
✓ Anonymes Mitarbeiter-Feedback
+
✓ Team-Heatmap & Vergleich
+
✓ Live-Monitor für das Büro
+
✓ Automatische E-Mail-Erinnerungen
+
✓ DSGVO-konform, EU-Hosting
+
✓ Persönliches Onboarding & Support
+
+Kostenlose Demo vereinbaren → +
+
+ +
+
+
+
📄 PDF · 15 Seiten
+

Der KMU-Guide für Mitarbeiter-Engagement

+

Warum 91% der deutschen Beschäftigten nicht engagiert sind — und was Geschäftsführer jetzt dagegen tun können.

+
+
+
+
+
Kostenloses Whitepaper
+

Die versteckten Kosten von Desengagement — und wie KMUs sie eliminieren

+

15 Seiten mit aktuellen Zahlen, Praxisbeispielen und einer konkreten Roadmap für Geschäftsführer, die ihre besten Leute halten wollen.

+
    +
  • Aktuelle Gallup-Zahlen für Deutschland 2024/25 erklärt
    • +
  • Die wahren Kosten einer Kündigung (mit Rechenbeispiel für KMUs)
    • +
  • 5 Frühwarnsignale, die auf stille Kündigungen hindeuten
    • +
  • Konkrete Sofortmaßnahmen ohne HR-Abteilung
    • +
  • Wie Mitarbeiterpuls diese Insights automatisiert
    • +
+
+ + +
+
Kein Spam, kein Abo. Du erhältst das PDF und optional 3 Follow-up E-Mails mit Praxis-Tipps.
+
+
+ +
+
Stimmen

Was Geschäftsführer sagen

+
+
★★★★★
„Wir hatten vorher null Daten über die Stimmung im Team. Mitarbeiterpuls hat uns die Augen geöffnet — und das Beste: Es hat genau eine Stunde gedauert, bis alles lief."
👨‍💼
Markus W.
Geschäftsführer, IT-Dienstleister (45 MA)
+
★★★★★
„Die KI-Empfehlungen waren der Game-Changer. Ich wusste sofort, dass im Ops-Team etwas nicht stimmt — bevor jemand gekündigt hat. Das hat uns eine teure Neubesetzung erspart."
👩‍💼
Sandra K.
CEO, E-Commerce-Agentur (28 MA)
+
★★★★★
„Das Dashboard im Eingangsbereich hat unsere Feedbackkultur verändert. Die Leute reden jetzt über den PULS wie über den Umsatz."
👨‍💻
Thomas R.
Gründer, SaaS-Startup (72 MA)
+
+
+ +
+
FAQ

Häufig gestellte Fragen

+
+

Technisch garantiert anonym. Die Antworten werden ohne User-Bezug gespeichert. Es gibt keine Möglichkeit, einzelne Antworten auf Mitarbeitende zurückzuführen. Bei Teams unter 5 Personen werden Daten automatisch aggregiert.

+

Nein. Mitarbeiterpuls ist für Geschäftsführer designed, die kein HR-Team haben. Setup dauert 5 Minuten, die wöchentliche Auswertung maximal 2 Minuten. Die KI sagt Ihnen direkt, was zu tun ist.

+

30 Sekunden alle 2 Wochen — weniger als ein Kaffee holen. Die meisten empfinden es als Wertschätzung, regelmäßig gefragt zu werden. Besonders, wenn sie sehen, dass sich etwas verändert.

+

Ja. Alle Daten in EU-Rechenzentren. Anonymisierung auf technischer Ebene. Wir verarbeiten keine personenbezogenen Daten im Feedback-Prozess. AV-Vertrag wird bereitgestellt.

+

Ab 10 Mitarbeitenden. Optimal für 20–150 Mitarbeitende — groß genug für statistische Relevanz, klein genug, dass der CEO direkt handeln kann.

+

Absolut. Kostenlose 30-Minuten-Demo, danach 30-tägige Testphase. Kein Risiko, keine Verpflichtung.

+
+
+ +
+
+
+
Bereit?
+

Verpassen Sie nicht den Moment,
in dem Ihr bester Mitarbeiter
innerlich kündigt.

+

30 Minuten Demo. Kein Verkaufsdruck. Wir zeigen Ihnen, wie Mitarbeiterpuls für Ihr Unternehmen aussehen würde.

+
+Jetzt Demo-Termin buchen → +Erstmal Whitepaper lesen +
+
+
+ + + + + + + + + + + + + + + + +
+
+
+
+
+
+ +Jetzt verfügbar für KMUs mit 10-150 Mitarbeitenden +
+

Der PULS deines Unternehmens in 30 Sekunden

+

Mitarbeiterpuls gibt Geschäftsführern das, was bisher nur Konzernen vorbehalten war: ein KI-gestütztes Echtzeit-Dashboard für Mitarbeiter-Engagement, Stresslevel und Fluktuationsrisiko. Ohne HR-Abteilung. Ohne Aufwand.

+
+Kostenlose Demo buchen arrow_forward +Whitepaper herunterladen +
+
+
+ +
+
+

Vertraut von zukunftsorientierten Mittelständlern

+
+
+
+TechVenturesScaleUp GmbHMittelstandDigitalInnoWerk AGPrimeTeam +
+ +
+
+
+
+ +
+
+
43.000€
Durchschnittliche Kosten pro Fluktuationsfall
+
9%
der Beschäftigten in DE sind wirklich engagiert
+
118 Mrd.
Euro volkswirtschaftliche Kosten durch Fluktuation p.a.
+
59%
weniger Kündigungswunsch durch hohes Engagement
+
+
+ +
+
+
Das Problem
+

Im Mittelstand fliegt die Stimmung unter dem Radar

+

Große Konzerne haben HR-Abteilungen, Engagement-Plattformen und People-Analytics-Teams. Mittelständler haben: ein Bauchgefühl. Und das reicht nicht mehr.

+
+
+
🔇

Stille Kündigungen bleiben unsichtbar

Mitarbeitende, die innerlich bereits gekündigt haben, zeigen es oft erst, wenn die Kündigung auf dem Tisch liegt. Dann ist es zu spät und teuer.

13% haben innerlich gekündigt
+
📊

Jährliche Umfragen kommen zu spät

Die klassische Mitarbeiterbefragung einmal im Jahr ist wie ein Blutbild alle 12 Monate: Wenn man das Ergebnis hat, ist die Krankheit längst chronisch.

73% denken monatlich an Jobwechsel
+
🏢

Enterprise-Tools sind nichts für KMUs

Leapsome, Peakon, Qualtrics: starke Tools, aber gemacht für Konzerne. Als CEO eines KMU brauchen Sie etwas, das in 30 Sekunden funktioniert.

Ab 8€/User/Monat + Setup
+
+
+ +
+
+
Die Lösung
+

So simpel wie ein Daumen hoch

+

Mitarbeiterpuls komprimiert das, was bei Konzernen Monate dauert, auf einen Ablauf, der kürzer ist als ein Kaffee holen.

+
+
+
01

Mitarbeitende geben Feedback

4 Fragen, 1-10 Skala, optional Freitext. Per E-Mail-Link, anonym, vom Smartphone. Kein Login, kein Aufwand.

30 Sekunden
+
02

KI analysiert in Echtzeit

Die Daten fließen sofort in 5 KPIs: Engagement, Fluktuation, Führung, Belastung und Energie. Unsere KI erkennt Muster und Risiken.

Sofort
+
03

CEO sieht den PULS

Ein Dashboard. Fünf Ampeln. Ein PULS-Gesamtwert. KI-Handlungsempfehlungen. Trend-Verläufe. Team-Heatmap. Alles auf einen Blick.

Ein Blick genügt
+
+
+ +
+
+
Features
+

Alles, was ein CEO braucht. Nichts, was er nicht braucht.

+

Kein Feature-Bloat. Kein Consulting nötig. Mitarbeiterpuls konzentriert sich auf die Kennzahlen, die den Unterschied machen.

+
+
+
🔥

5 KPI-Ampelsystem + PULS

Engagement, Fluktuation, Führung, Belastung, Energie. Dazu der PULS als Gesamtwert.

+
🤖

KI-Handlungsempfehlungen

Keine Zahlen ohne Kontext: Die KI priorisiert Maßnahmen und sagt konkret, was als Nächstes zu tun ist.

+
📡

Echtzeit-Dashboard für den Büro-Monitor

Eine öffentliche Ansicht zeigt dem Team den PULS live, ohne sensible Daten preiszugeben.

+
🚨

Fluktuation-Frühwarnsystem

Unsere KI erkennt Muster, die auf erhöhtes Fluktuationsrisiko hindeuten, bevor die Kündigung kommt.

+
🔒

100% anonym & DSGVO-konform

Kein Tracking, keine Rückverfolgung. Anonymität ist technisch garantiert und schafft ehrliches Feedback.

+
📧

Automatisierte Erinnerungen

Mitarbeitende werden automatisch erinnert. Null Admin-Aufwand, kein Nachhalten per Hand.

+
+
+ +
+
+
+
Dashboard Preview
+

Ihr neues Cockpit

+

Ein Blick genügt: Der PULS, 5 KPIs, Ampelsystem, Team-Heatmap und KI-Empfehlungen auf einem Screen.

+
+
+
+
+
+ +mitarbeiterpuls - dashboard +
+
+
Engagement
7.8
↑ 0.4
+
Fluktuation
12%
↓ 2.1%
+
Führung
7.2
↑ 0.3
+
Belastung
6.4
↑ 0.6
+
Energie
7.5
↑ 0.2
+
+
+
+
KI-Empfehlungen
+
+

Stresslevel steigt

Seit 4 Wochen steigend. Team-Lead-Gespräche empfohlen.

+

Fluktuationsrisiko Ops

3 von 10 Mitarbeitenden im Risikobereich.

+

Führung auf Allzeithoch

Coaching-Programm zeigt Wirkung.

+
+
+
+
Team-Übersicht
+
+
TeamEngStressEnrgFhrgRisiko
+
Entwicklung7.85.57.28.1gut
+
Vertrieb7.16.87.57.2mäßig
+
Operations6.57.25.86.9hoch
+
+
+
+
+
+
+ +
+
+
Vergleich
+

Warum Mitarbeiterpuls anders ist

+

Die großen Plattformen sind für Konzerne. Mitarbeiterpuls ist für Geschäftsführer, die fünf Minuten pro Woche haben.

+
+
+
+ + + + + + + + + + + + + + + + + +
FeatureEnterpriseMitarbeiterpuls
Setup-Zeit2-6 Wochen5 Min.
Feedback-Dauer Mitarbeiter5-15 Min.30 Sek.
HR-Abteilung nötigJaNein
KI-HandlungsempfehlungenTeilweiseJa
Live-Monitor fürs BüroNeinJa
Preis (50 MA)400-800€+200€/Mo
ZielgruppeHR-TeamsCEO direkt
+
+
+
+ +
+
+
Preise
+

Ein Preis. Keine Überraschungen.

+

Günstiger als eine einzige Kündigung. Wertvoller als jede Jahresbefragung.

+
+
+
+
+
Starter · Für KMUs
+
€4
+
pro Mitarbeiter / Monat
+
50 Mitarbeitende × 4€ = 200€ / Monat
+
+
✓ PULS-Gesamtwert + 5 KPIs mit Ampelsystem & Trendverlauf
+
✓ KI-Handlungsempfehlungen
+
✓ Anonymes Mitarbeiter-Feedback
+
✓ Team-Heatmap & Vergleich
+
✓ Live-Monitor, E-Mail-Erinnerungen, DSGVO-konform
+
+Kostenlose Demo vereinbaren +
+
+
+ +
+
+
+
PDF · 15 Seiten
+

Der KMU-Guide für Mitarbeiter-Engagement

+

Warum 91% der deutschen Beschäftigten nicht engagiert sind und was Geschäftsführer jetzt dagegen tun können.

+
+
+
+
+
+
+
+
+
Kostenloses Whitepaper
+

Die versteckten Kosten von Desengagement und wie KMUs sie eliminieren

+

15 Seiten mit aktuellen Zahlen, Praxisbeispielen und einer konkreten Roadmap für Geschäftsführer, die ihre besten Leute halten wollen.

+
    +
  • Aktuelle Gallup-Zahlen für Deutschland 2024/25 erklärt
    • +
  • Die wahren Kosten einer Kündigung mit Rechenbeispiel für KMUs
    • +
  • 5 Frühwarnsignale für stille Kündigungen
    • +
  • Konkrete Sofortmaßnahmen ohne HR-Abteilung
    • +
  • Wie Mitarbeiterpuls diese Insights automatisiert
    • +
+
+ + +
+

Kein Spam, kein Abo. Sie erhalten das PDF und optional drei Follow-up-E-Mails mit Praxis-Tipps.

+
+
+
+ +
+
+
Stimmen
+

Was Geschäftsführer sagen

+
+
+
★★★★★

„Wir hatten vorher null Daten über die Stimmung im Team. Mitarbeiterpuls hat uns die Augen geöffnet und es hat genau eine Stunde gedauert, bis alles lief.“

Markus W. · Geschäftsführer, IT-Dienstleister (45 MA)
+
★★★★★

„Die KI-Empfehlungen waren der Game-Changer. Ich wusste sofort, dass im Ops-Team etwas nicht stimmt, bevor jemand gekündigt hat.“

Sandra K. · CEO, E-Commerce-Agentur (28 MA)
+
★★★★★

„Das Dashboard im Eingangsbereich hat unsere Feedbackkultur verändert. Die Leute reden jetzt über den PULS wie über den Umsatz.“

Thomas R. · Gründer, SaaS-Startup (72 MA)
+
+
+ +
+
+
FAQ
+

Häufig gestellte Fragen

+
+
Wie anonym ist das Feedback wirklich?expand_more

Technisch garantiert anonym. Antworten werden ohne User-Bezug gespeichert. Bei Teams unter 5 Personen werden Daten automatisch aggregiert.

+
Brauche ich eine HR-Abteilung?expand_more

Nein. Mitarbeiterpuls ist für Geschäftsführer ohne HR-Team. Setup dauert 5 Minuten, die Auswertung maximal 2 Minuten.

+
Nervt das die Mitarbeitenden nicht?expand_more

30 Sekunden alle zwei Wochen. Weniger als ein Kaffee holen. Die meisten empfinden es als Wertschätzung, regelmäßig gefragt zu werden.

+
Ist Mitarbeiterpuls DSGVO-konform?expand_more

Ja. Alle Daten liegen in EU-Rechenzentren. Die Anonymisierung ist technisch umgesetzt. Ein AV-Vertrag wird bereitgestellt.

+
Ab wie vielen Mitarbeitenden macht es Sinn?expand_more

Ab 10 Mitarbeitenden. Optimal für 20 bis 150 Mitarbeitende, groß genug für Relevanz und klein genug für schnelles Handeln.

+
+
+
+ +
+
+
+
Bereit?
+

Verpassen Sie nicht den Moment, in dem Ihr bester Mitarbeiter innerlich kündigt.

+

30 Minuten Demo. Kein Verkaufsdruck. Wir zeigen Ihnen, wie Mitarbeiterpuls für Ihr Unternehmen aussehen würde.

+
+Jetzt Demo-Termin buchen +Erstmal Whitepaper lesen +
+
+
+
+ + +