Studios in MotionProjektkartei

Smart O'Clock

Wartet

Microsite für die SecData-Zeiterfassung Smart O'Clock in Astro, neue blaue Oberfläche, Textkorrekturen per Word-Export, Erklärvideo, Preprod live, Livegang offen

Bereich
Kunden
Start
04.09.2026
Zuletzt
05.10.2026
Am Zug
René
Nächster Schritt, René

Beide Preprods (Microsite und SecData) durchklicken, Kundenfreigabe einholen und dann den Livegang der Microsite entscheiden

Screenshots 2

Microsite Preprod
Microsite Preprod
Erklärvideo-Seite
Erklärvideo-Seite

Worum es geht

Smart O'Clock ist die Zeiterfassungssoftware der SecData GmbH. René wollte dafür eine eigene, verkaufsfördernde B2B-Microsite im Look der neuen SecData-Seite, mit Animationen und voller SEO/GEO-Ausrichtung. Kontakt beim Kunden ist Lasse Beermann (Calendly-Beratungstermin). Die Seite lag zuerst auf einer Preview-Bühne, läuft jetzt auf einer Kundenvorschau im SecData-Mittwald-Paket.

Stand

  • 18 Seiten (Astro 6 und Tailwind 4), Pflicht, Funktionen, Preise, Einführung, FAQ, Beratung, Über, Rechtstexte; Hero mit Software-Nachbau, Fotobänder, Freisteller, Calendly direkt eingebettet (Termindauer 45 Minuten).
  • Preprod live seit 10.09. auf smartpreprod.secdata.gmbh (Mittwald p611637, Ordner html/zeiterfassung-astro-preprod, noindex); am 11.10. antwortet die Preprod mit 200. Der Live-Ordner zeiterfassung-astro ist leer.
  • Zentrale: Kunde smart-oclock (Mutterkunde secdata), Registry id 25; Beratungsformular #5156 am Lead-System, Empfänger Lasse Beermann.
  • Lenis-Scroll entfernt (10.09.), Korrekturrunde von René eingearbeitet.
  • Kundenkorrekturen aus dem Word-Export: Runde 1 eingearbeitet (16.09., Commit 237b504), 8 Rückfragen an Lasse offen.
  • Neue Oberfläche der Software (27.09.): alle Nachbauten und Screens in Blau/Navy, SecData-Rot als Marken-Akzent (preprod 6c75105); passende Screens auch auf der SecData-Website.
  • Erklärvideo „Smart O'Clock in einer Minute“ (Testfassung, 61 s, Sie, 02.10.) und schlanke Ansichtsseite nur mit Video für die Kanzlei (05.10.).
  • KI-Readiness-Commit c6a5386 (02.10.) auf devel.

Offen

  • René beide Preprods durchklicken (Microsite und SecData) und die Kundenfreigabe einholen; danach Livegang der Microsite entscheiden (Live-Domain offen: zeiterfassung.secdata.gmbh trägt noch die alte Landingpage).
  • Kunde Rückmeldung zu den 8 offenen Rückfragen vom 16.09. (verändertes Zitat von Dr. Franke, Telefonnummer 0521 55751933 gegen Impressum, Einmal-Code als sechster Weg, gestrichene Hinweise, Bußgeld-Quelle, Pausenmechanik).
  • Kunde Inhaltswiderspruch klären: Changelog 14.07.2026 „Schichtplan als reine Planung“ gegen die Website-Aussage „aus geplanter Schicht entsteht die Zeiterfassung automatisch“; Spalte „Automatisch“ in der Zeiten-Tabelle; fehlende Screens Postfach, Urlaub, Krankmeldung.
  • Kunde Adresswiderspruch Datenschutzerklärung („Am Zwinger 2-4“) gegen Impressum („Rohrteichstraße 35a“), Gründungsdatum 25.05.2018 unbelegt, Termindauer 45 gegen 30 Minuten, „14 Tage testen“ (alles Stand 05.09., prüfen).
  • René App-Subdomain nennen, damit appLoginUrl gesetzt werden kann.
  • Kunde Freigabe SecData und Einverständnis der Kanzlei für Logo und Namen im Erklärvideo; Datenschutztexte der Kanzlei.
  • René Rechtsstand der Pflicht-Seiten (Skript Mai 2026, Referentenentwurf) bestätigen lassen.
  • ich Rückweg Word zu Quelle als Automatismus bauen, wenn der Kunde weitere Runden liefert.
  • ich KI-Bilder einbrennen und stempeln (KiBadge), offener Kontrast .nb-badge.blau.

Entscheidungen und Regeln

  • 2026-09-04: Look and Feel der neuen SecData-Seite, nicht der alten TYPO3-Seite und nicht der alten Landingpage.
  • 2026-09-05: Immer bei 1280, 1440, 1920 und 390 px prüfen (nach Renés Kritik).
  • 2026-09-10: Eigener Kunde smart-oclock; Repo umbenannt in website-smart-o-clock-astro; Lenis raus.
  • 2026-09-16: Kundenregeln aus Runde 1: „jede Betriebsgröße, ob 2 oder 200“, „rechtlich sicher“, Kanzlei = Kooperationspartner, Export „Excel oder PDF“, Preisstufen 11 bis 25 und 26 bis 50, „Mandant“ wird „Standort“.
  • 2026-09-25: Nur Optik umbauen, keine neuen Funktionsinhalte (Personalakte, Import, Fahrzeiten bleiben außerhalb), bis SecData sie liefert.
  • 2026-09-27: Farbe: Software-Darstellung 1:1 blau, Rot nur als Marke.
  • Texte nie raten: Rechtliches und Zahlen nur aus den SecData-Quellen.

Verlauf

  1. Schlanke Ansichtsseite nur mit Video unter brand/smart-o-clock-video/ (sim-ops 8642ee4).
  2. Erklärvideo-Testfassung (sim-ops 5cd2e2c), KI-Readiness auf devel (c6a5386).
  3. Neue Oberfläche komplett, Preprod 6c75105; SecData-Seite 62b9cf3.
  4. Befund zur neuen Software-Optik und To-do-Plan.
  5. Textkorrekturen Runde 1 eingearbeitet (237b504).
  6. Word-Export aller Texte für den Kunden (7e57d5e).
  7. Preprod auf Mittwald live, eigener Kunde, Beratungsformular #5156, Korrekturrunde.
  8. Bildbereiche auf allen Unterseiten (7ededf6).
  9. Prototyp der Startseite auf Bühne p2, danach über Nacht 18 Seiten mit vier Agenten gebaut.

Wo liegt was

  • Repo-Klon: /root/website-smart-o-clock-astro (Astro 6.1, Tailwind 4); Weitere Klone/Worktrees: /root/work/website-smart-o-clock-astro, /root/work/website-smart-astro. Nachbau-Komponenten src/components/NbRahmen.astro, DashboardMock.astro, Tokens in src/styles/global.css, Daten in src/data/, Skripte scripts/texte-export.py, scripts/schnitt.mjs, scripts/og-images.mjs, scripts/qa-links.mjs.
  • Build: Node 22 nötig (docker run --rm -v /root/website-smart-o-clock-astro:/app -w /app node:22 npx astro build).
  • Deploy: GitHub Actions nach Mittwald p611637, Ordner html/zeiterfassung-astro und html/zeiterfassung-astro-preprod; Registry id 25 (PIN 1234).
  • Material: /root/transfer/smartoclock/ (Website, Testzugang-Datei, tool-screenshots, neuescreenshots, textexport-2026-09-14).
  • Video: /root/motion/smartoclock-erklaervideo (PROJEKTSTAND.md, werkzeug/bauen.sh), live-Dateien in /root/sim-ops/hub/public/brand/erklaervideos/ und brand/smart-o-clock-video/.
  • Wiki: 40-Projekte/Smart O'Clock Microsite Konzept.md.