Studios in MotionProjektkartei

FILL-IT Dämmtechnik

Wartet

Handwerkskunde FILL-IT (Einblasdämmung, Schloß Holte): Neubau der Website in Astro mit neuem Look, Dämm-Check als OBA, Preprod live

Bereich
Kunden
Start
12.09.2026
Zuletzt
13.09.2026
Am Zug
René
Nächster Schritt, René

Neuen Look auf preprod durchklicken und über die Übernahme entscheiden, Formular-Weg und main-Push klären

Preprod (neuer Look, Branch design-hell-premium)Look-Probe (Varianten A bis D)Vorschau Dämm-Check (OBA)

Screenshots 2

Preprod mit neuem Look
Preprod mit neuem Look
Look-Probe
Look-Probe

Worum es geht

FILL-IT Dämmtechnik GmbH (fill-it.de, Einblasdämmung, Schloß Holte) ist ein Handwerkskunde. Die alte Seite ist WordPress mit Divi. René baut einen eigenständigen Neubau in Astro und Tailwind, den ich weiterführe. Dafür wurde die Branche „Bau & Handwerk“ angelegt, dazu ein mehrstufiger Dämm-Check als Bedarfsanalyse.

Stand

  • Kunde fill-it in der Zentrale, Branche handwerk (neu, HomeAndConstructionBusiness, Anrede Sie, Hub v0.285.0); Registry website_repos #27.
  • Repo: alle 61 Altseiten als Markdown übernommen plus Übersichtsseiten, am Ende 70 Seiten. Textvergleich alt zu neu am 12. und 13.09. ohne Lücken; Medien der alten Seite am 13.09. komplett nachgezogen.
  • Preprod live seit 12.09. auf Mittwald p653272 (noindex); preprod.fill-it.de zeigt den Branch design-hell-premium (Look „Hell Premium“, Kategorie-Struktur, Mega-Navigation, Zwischendecke als Übergang, Startseiten-Kacheln). Am 11.10. antwortet preprod mit 200.
  • Dämm-Check (OBA-Vorlage 9 handwerk_daemm_check_v1, Instanz 11, Lead-Formular #5950) ersetzt das Kontaktformular auf der Kontaktseite.
  • Look-Probe mit den Varianten A bis D als Zentrale-Seite; René wählte den Aufbau von C hell (D).
  • Hinweis: Das Kontaktformular der Altseite wurde nur als Mock übernommen, Versand läuft über den Dämm-Check.
  • KI-Readiness-Auswertung nennt website-fill-it als Sonderfall (.htaccess entsteht im Deploy-Workflow).

Offen

  • René preprod durchklicken, Übernahme des neuen Looks entscheiden, danach Branch in devel und main führen.
  • René main-Push (befüllt den Live-Ordner; die Domain bleibt bis zur Freigabe auf WordPress). Der Sitzungsfilter blockt den main-Push.
  • Kunde Lead-Empfänger beim Kunden festlegen (bis dahin SIM-intern), Datenschutz-Passus, Datei-Upload gibt es im Lead-System nicht.
  • René Datenschutzerklärung neu fassen (kein Tracking eingebaut).
  • René fachliche Bildkorrekturen absegnen, Buero-1.jpg zeigt die alte Website, Bielefeld-Seite ohne Bild, Referenzen.pdf gegen Referenzen1.pdf, Steinwolle und Zellulose auf der Startseite, Logo-Platz, echte Fotos.
  • Kunde Originalfoto zum Endoskop-Motiv beim Kunden erfragen (derzeit hochgerechnet aus 586 mal 313 px).
  • ich Texte der Kategorie-Seiten und Start-CTA auf den Dämm-Check nach Renés Rückmeldung nachziehen.
  • ich Alte Seite vor einer Domainumstellung nochmals sichern (Medien liegen in /root/transfer/fill-it/).

Entscheidungen und Regeln

  • 2026-09-12: „GmbH i.L.“ in Berlin und die zweite Impressums-Mail bleiben.
  • 2026-09-12: Neuer Look: Aufbau von C, hell, Variation durch Bänder, Akzent Logo-Blau #2a68b0 statt Orange (Kunde wenig experimentierfreudig).
  • 2026-09-12: Eigene Klassen in @layer components, sonst schlagen sie Tailwind-Utilities.
  • 2026-09-12: Projekt-Vault im Repo (docs/projekt/) ist die Leitdoku und wird nach jeder Änderung nachgezogen; das Wiki führt die Chronik.
  • 2026-09-13: Bilder müssen zum Kachel-Thema passen, sonst aus dem Bestand oder neu erzeugen; weniger Rundung, weniger Glow, konkrete Bau-Metaphern statt generischer UI-Elemente (Renés Geschmack).
  • Neue Seiten immer von preprod.fill-it.de laden, nicht von der Sitemap (die nennt fill-it.de).
  • Commits im Repo mit -c user.name="SIM Agent" und der Agent-Mail, keine globale Identität.

Verlauf

  1. KI-Readiness-Lauf nennt website-fill-it als Sonderfall (Zeichensatz, lastmod) (prüfen, ob der Stand im Repo angekommen ist; letzter Commit im Repo ist vom 13.09.).
  2. Endoskop-Foto im Bereich „Ein Arbeitstag“ (6a22d22), Startseiten-Kacheln und Repo-Aufräumen (93763cc, 188 MB Rohmaterial raus), Medien komplett nachgezogen (11cf326), Nachprüfung alt gegen preprod (61d5637).
  3. Kategorie-Struktur mit 7 Kategorie-Seiten, Zwischendecke als Übergang; neuer Look im Repo als Branch design-hell-premium (1f99c3d), preprod = dieser Branch.
  4. Look-Probe A bis D in der Zentrale (Hub v0.286.5 bis v0.286.11); René wählt D.
  5. Dämm-Check (OBA) gebaut, Hub v0.286.2, devel eba95a8.
  6. Preprod live auf Mittwald p653272, Projekt-Vault angelegt (4ad7b86).
  7. Kunde fill-it und Branche handwerk in der Zentrale, Repo website-fill-it (Hub v0.285.0, sim-ops 3a11abd).

Wo liegt was

  • Repo-Klon: /root/website-fill-it; Seiten als Markdown in src/content/pages, Navigation src/data/navigation.ts, Projekt-Vault docs/projekt/ (00 Projektstand, 10 Offene Punkte, 20 bis 24 Vergleich und Medien, 30 Hosting, 40 Entscheidungen).
  • Lokaler Build: PATH=/opt/node22/bin:$PATH npm install && npx astro build.
  • Hosting: Mittwald p653272, Ordner html/website-astro und html/website-astro-preprod (tar-Pipe, kein rsync); Repo-Variablen MITTWALD_HOST, MITTWALD_USER, MITTWALD_PATH.
  • Zentrale: Kunde fill-it, website_repos #27 (PIN 1234, Automatik aus), OBA-Vorlage 9 und Instanz 11, Lead-Formular #5950; Bilder des Checks in /root/sim-ops/hub/public/oba-bilder/handwerk-daemm-check-v1/.
  • Look-Probe: /root/sim-ops/hub/public/brand/fill-it-look/ (Generator build.py).
  • Sicherungen der alten Seite: /root/transfer/fill-it/ (medien-alt, alt-html, src-Daten, Auftragsdatei).
  • Wiki: 40-Projekte/FILL-IT Daemmtechnik Website.md.