Überarbeitung landing und index

This commit is contained in:
2026-07-20 19:36:22 +02:00
parent c9ab82e97a
commit 9871401fbc
4 changed files with 194 additions and 58 deletions
+85 -18
View File
@@ -5,7 +5,7 @@
<title>Kaffeeliste die digitale Kaffeekasse für Teams</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta name="description" content="Kaffeeliste ist die digitale Kaffeekasse für Teams, Büros und Vereine: Striche erfassen, Guthaben im Blick behalten, bequem per PayPal ausgleichen." />
<meta name="description" content="Kaffeeliste automatisiert die Abrechnung eurer Kaffeekasse: Guthaben, Zahlungen und offene Beträge immer im Blick ab 0 € im Monat, in Minuten startklar." />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="stylesheet" href="assets/css/public.css" />
</head>
@@ -21,7 +21,7 @@
</nav>
<div class="public-hero-content">
<h1>Die Kaffeekasse, die von allein mitrechnet</h1>
<p>Schluss mit Strichlisten auf Papier und Kopfrechnen beim Kassensturz: Kaffeeliste hält für dein Team, Büro oder deinen Verein fest, wer wie viele Striche gemacht hat, wer bezahlt hat und wer gerade offen ist jederzeit einsehbar, für jeden nachvollziehbar.</p>
<p>Die Striche macht ihr weiterhin ganz klassisch an der Maschine auf der ausgedruckten Liste, wie eh und je. Den Rest übernimmt Kaffeeliste: Guthaben, Zahlungen und offene Beträge sind für alle jederzeit auf einen Blick sichtbar. Schluss mit Kopfrechnen, Excel-Tabellen und dem lästigen Kassensturz am Monatsende.</p>
<ul class="actions">
<li><a href="<?php echo htmlspecialchars(app_primary_url('register.php'), ENT_QUOTES, 'UTF-8'); ?>" class="button primary big">Kostenlos einrichten</a></li>
<li><a href="<?php echo htmlspecialchars(app_primary_url('login.php'), ENT_QUOTES, 'UTF-8'); ?>" class="button big">Zur App</a></li>
@@ -32,6 +32,7 @@
<section class="public-section">
<header class="major">
<h2>So funktioniert's</h2>
<p>Drei Schritte, kein Umlernen für dein Team nötig.</p>
</header>
<div class="public-grid public-steps">
<article class="public-feature">
@@ -42,12 +43,12 @@
<article class="public-feature">
<span class="public-step-number">2</span>
<h3>Strich setzen</h3>
<p>Der Strich landet in der Kaffeeliste entweder durch eine verantwortliche Person gesammelt oder, wenn gewünscht, direkt selbst im eigenen Dashboard.</p>
<p>Der Strich landet in der Kaffeeliste gesammelt durch die zuständige Person oder, wenn gewünscht, in Sekunden selbst im eigenen Dashboard erfasst.</p>
</article>
<article class="public-feature">
<span class="public-step-number">3</span>
<h3>Bei Bedarf bezahlen</h3>
<p>Der aktuelle Stand ist jederzeit sichtbar. Ausgleich bequem per PayPal, wenn dein Team das nutzt ganz ohne Bargeld und Wechselgeld.</p>
<p>Der aktuelle Stand ist immer sichtbar. Ausgleich in einem Klick per PayPal, ganz ohne Bargeld und Wechselgeld-Suche.</p>
</article>
</div>
</section>
@@ -55,35 +56,97 @@
<section class="public-section">
<header class="major">
<h2>Alles rund um die Kaffeekasse</h2>
<p>Kein Feature-Wildwuchs nur, was ein Team wirklich braucht.</p>
</header>
<div class="public-grid">
<article class="public-feature">
<h3>Mitglieder &amp; Rollen</h3>
<p>Mitglieder anlegen, deaktivieren oder anonymisieren. Zugang mit passender Rolle (Admin, Kassenwart, Mitglied) gezielt vergeben oder wieder entziehen.</p>
<h3>Immer der richtige Zugriff</h3>
<p>Neue Kolleg:innen sind in einer Minute angelegt, wer geht, ist genauso schnell wieder draußen. Rollen wie Admin oder Kassenwart vergebt ihr gezielt zum Beispiel für die Praktikantin, die nur Striche einträgt, aber nichts an den Einstellungen ändern kann.</p>
</article>
<article class="public-feature">
<h3>Guthaben &amp; Einzahlungen</h3>
<p>Striche, Einzahlungen und Korrekturen laufen über ein durchgängiges Journal jede Buchung bleibt nachvollziehbar, auch nachträglich.</p>
<h3>Nie wieder „Wer hat schon bezahlt?"</h3>
<p>Jede Einzahlung, jeder Strich, jede Korrektur landet automatisch im gemeinsamen Kontobuch nachvollziehbar bis zum ersten Tag. Praktisch beim Jahresabschluss: ein Klick, fertig.</p>
</article>
<article class="public-feature">
<h3>PayPal-Zahlung</h3>
<p>Offene Beträge lassen sich optional direkt per PayPal ausgleichen, inklusive automatischem Abgleich in der Liste.</p>
<h3>Bezahlen in 10 Sekunden</h3>
<p>Wer offen ist, bekommt einen fertigen PayPal-Link mit passendem Betrag. Kein Bargeld, kein Wechselgeld-Chaos in der Teeküche.</p>
</article>
<article class="public-feature">
<h3>CSV-Import &amp; Export</h3>
<p>Zahlungen aus einem PayPal-Export einlesen, mit Vorschau und Dublettenprüfung vor der Übernahme. Kaffeeliste als PDF für den Ausdruck exportieren.</p>
<h3>Die Liste an der Wand bleibt</h3>
<p>Ausdrucken, aufhängen, fertig mit eigenem Hinweistext als Wasserzeichen und automatisch passender Zeilengröße, egal ob 5 oder 150 Kolleg:innen mitmachen.</p>
</article>
<article class="public-feature">
<h3>Mandantenfähig</h3>
<p>Jeder Kunde arbeitet in einem eigenen, streng getrennten Bereich mit eigenen Mitgliedern, Einstellungen und Buchungen.</p>
</article>
<article class="public-feature">
<h3>Hinweise &amp; Info-Mails</h3>
<p>Aktuelle Hinweise für alle sichtbar einblenden, und bei Bedarf eine Info-Mail mit dem aktuellen Stand an alle Mitglieder verschicken.</p>
<h3>Alle informiert, ohne Rundmail-Chaos</h3>
<p>Ein Hinweisbanner für „Die Maschine ist kaputt" oder eine Erinnerungsmail an alle mit offenem Betrag in einer Minute verschickt statt einzeln nachgefragt.</p>
</article>
</div>
</section>
<section class="public-section public-highlight">
<header class="major">
<h2>6 Gründe, warum Verwalter Kaffeeliste lieben</h2>
<p>Für Admin und Kassenwart macht das den größten Unterschied im Alltag.</p>
</header>
<div class="public-grid public-steps public-advantages">
<article class="public-feature">
<span class="public-step-number">1</span>
<h3>Kein Taschenrechner mehr</h3>
<p>Salden berechnen sich automatisch. Keine manuelle Addition von Strichen und Zahlungen am Monatsende.</p>
</article>
<article class="public-feature">
<span class="public-step-number">2</span>
<h3>Ein Klick statt Excel-Akrobatik</h3>
<p>Jahresabschluss, Mitgliederliste, Export direkt aus der App statt mühsamer Tabellenpflege nebenbei.</p>
</article>
<article class="public-feature">
<span class="public-step-number">3</span>
<h3>Erinnerungen laufen von allein</h3>
<p>Eine Info-Mail an alle mit offenem Betrag, statt jede Person einzeln anzuschreiben oder anzusprechen.</p>
</article>
<article class="public-feature">
<span class="public-step-number">4</span>
<h3>Mitgliederverwaltung in Sekunden</h3>
<p>Neue Kolleg:innen anlegen, alte deaktivieren, Rollen vergeben ohne Rückfragen, wer worauf Zugriff hat.</p>
</article>
<article class="public-feature">
<span class="public-step-number">5</span>
<h3>PayPal-Abgleich ohne Nachrechnen</h3>
<p>Eingehende Zahlungen ordnen sich automatisch dem richtigen Mitglied zu kein Abgleich von Hand mehr.</p>
</article>
<article class="public-feature">
<span class="public-step-number">6</span>
<h3>Der Stand ist immer griffbereit</h3>
<p>Ob am Handy in der Teeküche oder am Rechner im Büro: Der Kassenstand ist nie veraltet oder in der falschen Datei.</p>
</article>
</div>
</section>
<section class="public-section">
<header class="major">
<h2>Preise</h2>
<p>Ein Preis pro Team, gestaffelt nach aktiven Teilnehmern keine Kosten pro Kopf, keine versteckten Gebühren.</p>
</header>
<div class="public-grid">
<article class="public-feature">
<h3>Bis 10 Teilnehmer</h3>
<p><strong>Kostenlos</strong></p>
</article>
<article class="public-feature">
<h3>Bis 25 Teilnehmer</h3>
<p><strong>3,99 € / Monat</strong></p>
</article>
<article class="public-feature">
<h3>Bis 50 Teilnehmer</h3>
<p><strong>7,99 € / Monat</strong></p>
</article>
<article class="public-feature">
<h3>Bis 150 Teilnehmer</h3>
<p><strong>12,99 € / Monat</strong></p>
</article>
</div>
<p class="public-fineprint">Mehr als 150 Teilnehmer? <a href="<?php echo htmlspecialchars(app_primary_url('preise.php'), ENT_QUOTES, 'UTF-8'); ?>">Preis auf Anfrage</a>. Gemäß § 19 UStG wird keine Umsatzsteuer berechnet die genannten Beträge sind die tatsächlich zu zahlenden Endpreise. Details unter <a href="<?php echo htmlspecialchars(app_primary_url('preise.php'), ENT_QUOTES, 'UTF-8'); ?>">Preise</a>.</p>
</section>
<section class="public-section public-demo">
<header class="major">
<h2>So sieht's in der App aus</h2>
@@ -103,6 +166,10 @@
<h3>Wie schnell ist meine Kaffeeliste startklar?</h3>
<p>Kundenkonto anlegen, Mitglieder eintragen, loslegen. Es ist keine Einrichtung durch uns nötig, und die bestehenden Abläufe rund um Striche und Einzahlungen bleiben dieselben.</p>
</div>
<div class="public-panel">
<h3>Was kostet die Kaffeeliste?</h3>
<p>Bis 10 Teilnehmer kostenlos, danach gestaffelt nach Teamgröße ab 3,99 € im Monat ohne Kosten pro Kopf. Details unter <a href="<?php echo htmlspecialchars(app_primary_url('preise.php'), ENT_QUOTES, 'UTF-8'); ?>">Preise</a>.</p>
</div>
<div class="public-panel">
<h3>Sind unsere Daten von denen anderer Kunden getrennt?</h3>
<p>Ja. Jeder Kunde hat einen eigenen, isolierten Bereich für Mitglieder, Buchungen und Einstellungen. Diese Trennung ist fester Bestandteil der App und wird automatisiert geprüft.</p>