Studios in MotionProjektkartei

SIM-Website Relaunch

Aktiv

studios-in-motion.de wird digitale Lösungen für Fitness, Golf und Gesundheit: heller Relaunch-Entwurf, Werbevideos, Insights mit Content-Service, Produktseiten

Bereich
Eigene Marken
Start
01.08.2026
Zuletzt
11.10.2026
Am Zug
René
Nächster Schritt, René

Bilder des hellen Entwurfs mit René durchgehen, dann relaunch-hell nach devel, preprod und main; preprod-Stände (Werbevideos, Golf-Video, Terminbuchung) freigeben

Screenshots 4

Website live
Website live
Preprod
Preprod
Relaunch hell (Entwurf 2)
Relaunch hell (Entwurf 2)
Relaunch dunkel (Entwurf 1)
Relaunch dunkel (Entwurf 1)

Worum es geht

Die eigene Website studios-in-motion.de war ganz auf Fitness ausgelegt. SIM geht in den Golfmarkt und will auch Physio/Osteopathie bedienen, später Kampfsportschulen. Dach: „Digitale Lösungen für Fitness, Golf und Gesundheit“ (nicht „Agentur für …“). Dazu gehört auch die laufende Pflege der Seite: Insights-Artikel aus dem eigenen Content-Service (Pilot für das Kundenangebot), Werbevideos auf den Produktseiten, neue Tool-Seiten, Teilen-Bild und Conversion-Tracking.

Stand

  • Live (main) läuft die bisherige Fitness-Website; preprod trägt mehr: drei Werbevideos (Scouting 129 s, Content-Service 82 s, Online-Bedarfsanalyse 75 s), Golf-Werbevideo V3 auf /golf/#video, SIM-Terminbuchung auf /kontakt/#termin-buchen und /golf/termin/, Weitersagen-Box auf Insights (Zweig devel 230e541; siehe Akte weitersagen-box).
  • Relaunch: zwei Entwürfe nebeneinander. Entwurf 1 „dunkel“ (Zweig relaunch, 834e5bf) bleibt als Zweig. Entwurf 2 „hell“ (Zweig relaunch-hell, 0c2feb2) ist die ganze Seite: 27 Seiten, Vorlage im Stil des Templates Orisa nachgebaut (eigener Code), Schrift DM Sans, Akzent SIM-Blau, 8 Opus-Agenten parallel.
  • Struktur laut Konzept: Menüs „Branchen“ und „Tools“, Seiten /fitness/ (301 von /fitnessstudio-webseiten), /golf/, /gesundheit/, je Tool eine Seite mit Abschnitt „Je Branche“; neue Seiten laut Konzept (/ki/ki-sichtbarkeit/, /referenzen/, Insights-Rubriken) noch nicht gebaut.
  • Produktseite /tools/whatsapp-chatbot (Preisbox ab 129 €, animierter CSS-Chat) seit 16.09. auf preprod; Teilen-Bild „Werkbank“ gewählt und auf preprod (Ursache des alten Bilds war ein quadratisches 640×640-Bild bei Meldung 1200×630).
  • Insights: Content-Service Kunde 9 (customer_key sim2026 im Hub, studios-in-motion im Content-Service), eigener Feed statt Freeda, Direkt-Publish mit Rebuild, Social-Kette (LinkedIn, Facebook über Postiz), Freigabe und Auto-Publish gebaut (August).
  • Conversion-Tracking: GTM-KC5WTR7R über convers.studios-in-motion.de, Conversion-Aktionen im Ads-Konto per API angelegt; GTM-Schritte lagen bei René (Stand 06.09., prüfen).
  • Messwerte 03.10. (im Konzept): Search Console 28 Tage 33 Klicks, davon 12 Marke.

Offen

  • René Relaunch-Bilder gemeinsam durchgehen (Hero und Hintergründe gefielen nicht, mehr Themenbezug), Wabenstruktur in den Kopfbereichen beurteilen, Preise zeigen (Ab-Preise), Referenzkunden je Branche mit Namen, sameAs-Profile, fachliches Gegenlesen der Tool-Branchen-Tabelle.
  • René preprod nach main freigeben (Werbevideos, Golf-Video V3, Terminbuchung, Weitersagen-Box, OG-Bild, WhatsApp-Chatbot-Seite); danach Teilen-URL im Facebook Sharing Debugger auffrischen.
  • René physio-pelikan.studios-in-motion.de per 301 auf studios-in-motion.de leiten (mStudio), Subdomain später löschen.
  • René Terminbuchung, Kalender-ID „SIM Website-Termin“ und Formular „Terminanfrage“ aktivieren (siehe golf-terminbuchung-sim-website.md).
  • ich KI-Sichtbarkeit, Referenzen und Insights-Rubriken bauen, danach relaunch-hell nach devel, preprod (Mittwald) und main mit Renés Freigabe.
  • ich GTM-Anleitung für Ads-Conversion mit René abschließen (prüfen, ob erledigt).

Entscheidungen und Regeln

  • 2026-10-03: Du-Form überall, auch Golf und Gesundheit; Startseite „Digitale Lösungen“; Branchen immer mit Bild abholen; Zahlen 25 Jahre und 1.500 Projekte (gesamte Laufbahn), 15 Jahre und 300 Studio-Webseiten nur mit Fitness-Bezug (Quelle src/data/site.ts).
  • 2026-10-03: Golf: FACEFORCE als sichtbarer Partner, SIM verkauft auch selbst und unabhängig. Entwurf 2 „hell“ wird die ganze Seite.
  • 2026-10-03: Breite begrenzt (1480 px, immer auch bei 2560 px prüfen), Erklärvideo nur über components/hell/Video.astro (max. 1040 px), Opus-Agenten für Animationen.
  • 2026-10-04: Fuß immer über die volle Bildschirmbreite; Kopfbereiche nicht nur Text, Wabenstruktur im blauen Wisch (Vorbild Fitwell).
  • 2026-10-02/03: Werbevideos ohne Rahmen: nichts links, oben, rechts angeschnitten, kein Text darüber, kein Selbststart, Knopf in der Mitte, Leiste unten, kein mask-image, nicht markierbar.
  • 2026-09-16: Teilen-Bild: KI schreibt keinen Text ins Bild, Logo und Schlagzeile per Chromium-Rendering darüber.
  • Tracking-Einbau nie ersetzen; Conversions laufen über den Tag Manager (2026-09-06).

Verlauf

  1. Insights: Weitersagen-Box unter dem Lese-Fortschritt, erst ab 50 % Lesefortschritt (240b329, 230e541 auf devel).
  2. Terminbuchung: Formular und Dialog hell und lesbar (8e6a42e), Ansprache ohne verkürzte Imperative (e738137).
  3. SIM-Terminbuchung statt Simbooking (e390fbc, d461f11); Golf-Werbevideo V3 auf /golf/ (496f9b0).
  4. Kritik an der hellen Seite eingearbeitet (Fuß volle Breite, Waben im Kopf).
  5. Relaunch gestartet: Konzept (efda6b0), Zweig relaunch mit Vorschau relaunch.sim-tools.cloud (834e5bf), Entwurf 2 hell nebenan, René wählt hell, ganze Seite umgestellt (relaunch-hell 0c2feb2, 27 Seiten); Erklärvideo ohne weichen Rand (773523a).
  6. Werbevideos Scouting, Content-Service, Bedarfsanalyse eingebaut (c2ed8aa, 65642e3, 02e38e0, 32b4911).
  7. WhatsApp-Chatbot-Produktseite (devel 88d001a); Teilen-Bild Werkbank gewählt.
  8. Conversion-Tracking für die SIM-Ads-Kampagne (Befund, ads-service Conversions E3, website-sim2026 9f13d2d).
  9. Auto-Publish nach Kundenfreigabe, Preprod-Rebuild bei Publish.
  10. Status-Aufnahme der eigenen Website als Pilot für regelmäßige Artikel und LinkedIn-Posts; Zentrale-Anbindung, Mittwald-Standardordner, Feed statt Freeda (Hub v0.56.0), Social-Kette.

Wo liegt was

  • Repo: /root/website-sim2026 (Zweige devel, preprod, main, relaunch, relaunch-hell); Arbeitsbäume /root/work/website-sim2026/{relaunch,relaunch-hell,hell-*}, Prüfskripte sicht.cjs und blatt.py, Bauanleitung docs/entwurf-hell.md.
  • Vorschauen: Container sim-relaunch-preview (relaunch.sim-tools.cloud) und sim-relaunch2-preview (relaunch2.sim-tools.cloud); Bauen mit /root/scripts/sim-relaunch-buehne.sh [hell].
  • Code: src/data/site.ts (Zahlen), src/styles/hell.css, src/components/hell/, src/components/Erklaervideo.astro, tools/whatsapp-chatbot.astro, Layout.astro (OG-Meta).
  • Build im Container: docker run --rm -v /root/website-sim2026:/app -v sim2026_nm:/app/node_modules -w /app node:22 sh -c 'npm install && npm run build'.
  • Zentrale: Registry website_repos (customer_key sim2026, PIN 1234 Standard), Content-Service Kunde 9, Hub POST /api/website/rebuild; Anleitung GTM unter /root/transfer/ads/gtm-conversion-anleitung-sim2026.md.
  • Bilder: /root/transfer/sim-relaunch-bilder/, Videos: /root/motion/ (Skill erklaervideo), Vault 40-Projekte/SIM-Website Relaunch Branchen-Umbau.md.