Konzept: Zusammenführung „Raum“ und „Stimme“ (Herbst 2026)

Entwürfe: design/mockups/startseite.html und design/mockups/stimme.html (im Browser öffnen)
Status: Vorschlag – noch nicht mit Jenna abgestimmt

Ausgangslage

• Die Startseite („Eingang“) ist eine Weiche mit zwei Türen; „Stimme“ hat weder Header noch Menüpunkt und wirkt wie eine eigene Mini-Seite.
• Jenna hat die Räumlichkeit nicht mehr, bietet Sessions aber weiter an. Viele Texte und Fotos beziehen sich noch auf den konkreten Ort.
• „Raum“ wird später „Therapie“, bis zum Abschluss der Ausbildung „Prävention“.

Leitidee

„Raum“ ist kein Ort, sondern das, was entsteht, wenn man innehält. Damit bleibt die Domain stimmig, der Verlust der Räumlichkeit wird zur Aussage statt zur Lücke, und Stimme und Achtsamkeit bekommen eine gemeinsame Klammer: Raum für Stille. Raum für Klang.

Seitenstruktur

• Sechs Hauptpunkte statt bisher vier plus versteckter Stimme. Module und Hintergrund wandern unter „Prävention“, damit das Menü nicht überläuft. Alternative: beide als eigene Hauptpunkte lassen (dann acht).
• Der spätere Wechsel „Prävention“ → „Therapie“ ist dann nur noch Titel, Slug und eine Weiterleitung.
• Kooperationen: Die Seite liegt bereits im Papierkorb. Übrig sind drei Fotos in der Mediathek (kooperationen-*.jpg, Kooperation🤍*.jpg) und die Formulierung „in Kooperationen“ auf der Stimme-Seite.

Startseite (Entwurf)

1. Hero mit Logo-Auftakt – das Logo zeichnet sich in ca. 2,5 s, danach blenden Claim, Text und die zwei CTAs ein. Zwei Varianten per Umschalter: A ruhig auf Hellbraun, B mit Foto.
2. Zwei Wege – zwei große Bildkacheln (Prävention farbig, Stimme schwarz-weiß); der Nachfolger der zwei Eingänge.
3. Willkommen – kurzer persönlicher Text, der erklärt, was „Raum“ heute bedeutet.
4. Angebote kompakt – vier Kacheln mit Sprung zu Module, KlangReise, Hintergrund, Stimme.
5. Leitsatz – „Sie sind willkommen. Genau so, wie Sie sind.“ (bestehender Text von der Raum-Seite).
6. Blog-Teaser – die drei neuesten Beiträge.
7. Kontakt-Band – bestehender Block, um zwei Buttons ergänzt.

Stimme (Entwurf)

Gleiche Bausteine wie der Rest der Seite, aber dunkler Hero als „Bühne“ und Schwarz-Weiß-Bild – so ist sie Teil der Seite und behält trotzdem eigenen Charakter.

1. Hero mit Claim, „Buchungsanfrage“ und „Reinhören“
2. Intro (bestehender Text) plus Repertoire als Chips
3. Formate: Band (Jentellmen), Solo & Duo, Moderation, SeelenGeschichten, LauschAngriff
4. Hörproben (neu) – das wichtigste fehlende Element einer Sängerinnen-Seite
5. Impressionen als Mosaik statt einer langen Spalte
6. Presse als Raster mit Lightbox
7. Buchungs-CTA

Auftakt-Effekt mit dem Logo

Das Logo ist eine einzige gefüllte Fläche, keine Linie. Im Entwurf wird deshalb erst die Kontur gezeichnet und dann die Fläche gefüllt; die Wortmarke blendet separat ein. Nachbau in Cornerstone: Raw-Content-Element mit dem SVG (zwei Pfade, siehe design/mockups/assets/logo.js) plus das CSS aus mockup.css (Abschnitt „Logo + Auftakt-Animation“). Eine echte Ein-Linien-Zeichnung bräuchte das Logo als Strichpfad aus der Originaldatei.

Empfehlung: den Auftakt pro Sitzung nur einmal abspielen (sessionStorage), sonst nervt er beim Zurückkommen auf die Startseite.

Hintergrundmusik

• Autoplay geht nicht. Browser blockieren Ton ohne vorherigen Klick. Realistisch ist ein dezenter Schalter „Klang an“ (im Entwurf unten links, mit Demo-Klang).
• Seitenwechsel unterbricht die Musik. Lösung mit vertretbarem Aufwand: Abspielposition und „an/aus“ in sessionStorage merken und auf der nächsten Seite leise wieder einblenden. Nahtlos wäre es nur mit einem Seitenwechsel ohne Neuladen – für diese Seite zu viel Aufwand.
• Rechte klären. Für Musik auf einer Website kann eine GEMA-Lizenz nötig sein, auch bei eigenen Stücken, falls Jenna GEMA-Mitglied ist. Am saubersten: eine eigene Klangschalen-Aufnahme von Jenna – passt inhaltlich und ist zugleich eine Arbeitsprobe.
• Datei klein halten (MP3, 2–3 Minuten als Schleife, unter 3 MB) und erst beim Klick laden.

Inhaltliche Vorschläge

• Texte mit Ortsbezug überarbeiten: „Herzlich Willkommen in Jennas Raum: Einem Ort voller Ruhe …“, „Wasser und Tee stehen für Sie jederzeit kostenfrei zur Verfügung“, „farbige Getränke sind nicht gestattet“, „RaumCard“, „PrivatRaum“. Dazu Grundriss, Wochenplan und Preisliste als PDF prüfen.
• Wo finden Sessions jetzt statt? Das sollte auf Start, Prävention und Kontakt klar beantwortet werden. Der Entwurfstext („zu Ihnen nach Hause, in Ihr Unternehmen, in Ihre Schule oder in die Natur“) ist eine Annahme.
• Fotos: Etwa die Hälfte der Bilder zeigt den alten Raum. Die Slider auf Prävention, Über mich, Hintergrund und Kontakt sollten auf ortsneutrale Motive umgestellt werden (Klangschalen, Hände, Jenna draußen).
• Stimme braucht besseres Material: Die Bühnenfotos sind nur 576 px breit; für Hero und Mosaik wären Originale gut. Dazu zwei bis drei Hörproben oder ein Video.
• Blog: Der „Hello world!“-Beitrag muss weg. Als Start drei Beiträge aus beiden Welten, z. B. „Was ist MBSR – und für wen eignet es sich?“, „Drei Atemübungen für volle Tage“, „Hinter den Kulissen: ein Abend mit den Jentellmen“. Kategorien: Achtsamkeit, Stimme, Neuigkeiten.
• Heilversprechen: Solange die Heilpraktiker-Erlaubnis fehlt, Formulierungen wie „heilungsfördernd“ und „heilsame Schwingungen“ besser entschärfen. Das ist keine Rechtsberatung, aber ein üblicher Abmahngrund.
• Kontaktformular statt nur mailto:-Links wäre für Buchungsanfragen komfortabler (optional).

Gefundene Fehler auf der Live-Seite

• Footer zeigt „© 2025“.
• „Sample Page“ und „Under Construction“ sind öffentlich erreichbar.
• Über mich: „John Kabat-Zinn“ statt „Jon“ in der Fußnote.

Vorgehen

1. Entwürfe ansehen, Varianten entscheiden, mit Jenna abstimmen.
2. Struktur lokal umstellen (Menüs, Umbenennung, Weiterleitung, Header-Zuweisung, Blog-Bereinigung) – geht per WP-CLI.
3. Startseite und Stimme in Cornerstone nachbauen.
4. Texte und Bilder ohne Ortsbezug einpflegen.
5. Hintergrundmusik, sobald eine Aufnahme da ist.
6. Duplicator-Paket lokal → live.