ENTSCHEIDUNGSGRUNDLAGE · 16. SEPTEMBER 2026
Mehr Werkstatt.
Weniger Aufwand.
Ein zeitgemäßer Auftritt für Terra Mara. Mit der Persönlichkeit des bestehenden Betriebs und einer kleinen, verständlichen Inhaltspflege.
01 · Was heute schon da ist
Terra Mara ist eine persönliche Keramikwerkstatt in Meerane. Die Bestandswebsite nennt Mareike Rauschenbach, rotbraune Steinzeugkeramik, Auftragsarbeiten, einen Werkstattladen sowie Töpferkurse. Diese Verbindung aus Handwerk, Person und Ort trägt den neuen Auftritt.
Methode: Live-Prüfung der Startansicht und der per Navigation eingeblendeten Bereiche am 16.09.2026, Desktop- und 390-Pixel-Mobilansicht, Prüfung von DOM, Navigation, Metadaten und Originalbildern. Kein Zugriff auf Hosting, Besucherstatistik oder bestehende Redaktionsabläufe. Kein vollständiger Barrierefreiheits-, Sicherheits- oder Performance-Audit.


Erhaltenswerte Merkmale
- Weinrot und Sand: eigenständige, zum Material passende Farben mit Wiedererkennungswert.
- Persönliches Handwerk: Die Keramikerin und ihre Werkstatt gehören ins Zentrum.
- Eigene Bildwelt: tatsächlich vorhandene Keramik, Räume und Kurssituationen.
- Konkrete Angebote: Keramik ansehen, einen Kurs anfragen, einen Besuch vereinbaren.
| Bereich | Beobachtung | Konsequenz |
|---|---|---|
| Aktualität · hoch | „Aktuelles“ verweist auf Februar und Neujahrswünsche 2014. Kursgebühr: 18 Euro, ohne aktuellen Gültigkeitsnachweis. | Mitteilung entfernen. Termine und Preise erst nach Bestätigung übernehmen; vorläufig „auf Anfrage“. |
| Mobil · hoch | Kein Viewport-Metatag. Die Desktopgestaltung wird auf 390 Pixeln extrem klein dargestellt. | Mobile Anordnung, lesbare Texte, große Bedienflächen und funktionierendes Menü. |
| Navigation · hoch | Hauptlinks verwenden href="#" und Ereignissteuerung zum Ein-/Ausblenden von Ebenen. | Direkt verlinkbare Abschnitte; bei Bedarf später eigene Kursseiten. |
| Hierarchie · hoch | Im Einstieg fehlt ein erklärender Angebotstext. Im DOM keine h1-, h2- oder h3-Elemente. | Klare Hauptüberschrift, kurze Einordnung und sichtbare Handlungsangebote. |
| Gestaltung · mittel | Große gesättigte Rotfläche, kompakte Schrift, fest positionierte Bild- und Textbereiche. | Helle Hauptfläche, gezieltes Rot, großzügige Abstände, stärkere Typohierarchie. |
| Öffnungszeiten · hoch | Kontakt nennt Freitag 14–17 Uhr; ein anderer im Dokument enthaltener Infobereich nennt abweichende Verkaufszeiten. | Eine zentrale Datenquelle. Vorerst Besuch nach Vereinbarung statt ungeprüfter Zeiten. |
| Auffindbarkeit · mittel | Titel vorhanden; keine Meta-Description gefunden. Themen besitzen keine unterscheidbaren URL-Ziele. favicon.ico antwortet mit 404. | Beschreibung, lokale Angaben, stabile Abschnittsziele und Favicon. Keine Rankingversprechen. |
| Rechtliche Inhalte · offen | Impressumsaktion zeigt Kontaktbereich. Kein sichtbarer Datenschutzlink in der geprüften Navigation. | Vollständige abgestimmte Seiten vor Livegang ergänzen; im Prototyp als offen markiert. |
Die Website ist erreichbar und Inhaltsbereiche funktionieren. Hauptprobleme sind die Präsentation und die ungeprüfte Aktualität. Ein vorhandenes CMS lässt sich aus der öffentlichen Ansicht nicht verlässlich bestimmen.
Inhaltsabgleich: Was noch fehlt
Nachprüfung vom 16.09.2026: Der Entwurf enthält jetzt die wesentlichen Kurs- und Werkstattinhalte des Bestands; zeitabhängige Angaben bleiben als unbestätigt gekennzeichnet. Die im Abgleich erkannten Lücken sind inzwischen im Prototyp ergänzt: mit einer eigenen Kursseite und ausführlicheren Werkstattinhalten. Alle Inhaltsbereiche der Altseite und vier verlinkte Bildseiten wurden geprüft.
Die folgende Tabelle unterscheidet fehlende Inhalte von bewusst zurückgestellten historischen Angaben. Die Altseite belegt keine heutige Gültigkeit.
| Priorität / Thema | Altbestand · zu bestätigen | Jetzt im Entwurf | Empfehlung |
|---|---|---|---|
| Hoch Kursdauer & Rhythmus | 90 Minuten; Donnerstag 19–20:30; letzter Samstag 13:30–15 Uhr. | Auf der Kursseite vorhanden; als Bestandsangaben gekennzeichnet. | Aktuelle Dauer und Zeiten bestätigen; direkt am Angebot anzeigen. |
| Hoch Preis & Leistungen | 18 €; ein mittelgroßes Stück inklusive Material/Brennen; Mehrkosten bei größeren/mehreren Arbeiten. | Eigener dunkler Abschnitt mit Umfang und historischer Gebühr. | Keinen historischen Preis veröffentlichen. Aktuellen Gesamtpreis, Umfang und mögliche Zusatzkosten gemeinsam klären. |
| Hoch Anmeldung & Zahlung | Telefonische Anmeldung, anschließend Vorauszahlung; öffentliche Bankdaten. | Im Ablauf und in den aufklappbaren Teilnahmehinweisen beschrieben. | Anfrage → Bestätigung → Zahlungsinformation verständlich erklären. Zahlungsdaten erst nach aktueller Abstimmung verwenden. |
| Hoch Gruppen | Wunschtermin ab neun Personen. | Eigener Absatz mit bisheriger Mindestgröße und Anfrage. | Bestätigte Mindest-/Höchstgröße und Ablauf ergänzen; keine automatische Verfügbarkeitszusage. |
| Hoch Zielgruppe & Kinder | Erwachsenenkurse; Kinder nach Anmeldung; keine reinen Kinderkurse. | Einleitung und ausführlicher Teilnahmehinweis auf der Kursseite. | Altersgrenzen, Begleitung und heutiges Kinderangebot klären; als kurze Kursinformation zeigen. |
| Hoch Abholung & Brennen | Abholung nach zwei bis drei Wochen; Hinweis auf mögliche Brennschäden. | Im Ablauf und in den Hinweisen enthalten. | Aktuellen Ablauf vom Formen bis zur Abholung erklären. Materialbedingte Risiken transparent beschreiben. |
| Hoch Absagebedingungen | Erstattung bei Veranstalterabsage; Fristen, Ersatzteilnahme und Nichterscheinen geregelt. | Zwei aufklappbare Hinweise, einschließlich Ersatzperson und Nichterscheinen. | Aktuelle, eindeutig formulierte Bedingungen bereitstellen. Alte Fristen nicht ungeprüft kopieren. |
| Hoch Öffnungszeiten | Kontakt: Freitag 14–17; versteckter Infobereich nennt andere Zeiten. | Vereinbarung als vorläufige Lösung. | Eine bestätigte Quelle für reguläre Öffnungszeiten und Ausnahmen festlegen. |
| Hoch Bildzuordnung | b3kurs.jpg ist als fertige Kursarbeiten bezeichnet. | Teilnehmerfoto auf die Kursseite verschoben; Verkaufsgalerie korrigiert. | Foto den Kursen zuordnen und Urheberschaft klar benennen; Produktfoto für Verkaufsgalerie wählen. |
| Mittel Qualifikation & Geschichte | Ausbildung Weimar/Waldenburg; Gesellenprüfung 1993; selbständig 2005; Laden Meerane seit Mai 2010. | Erweiterter persönlicher Abschnitt auf der Startseite. | Kurzen persönlichen Absatz ergänzen: Qualifikation, eigener Weg, heutige Werkstatt. Zeitlos und konkret schreiben. |
| Mittel Räume & Handwerk | Kursraum, Verkaufsraum, Werkstatt und eigener Brennofen. | Kursraum, Laden, Werkstatt und Brennofen im Werkstatttext. | Werkstattabschnitt um einen konkreten Satz zum Entstehungsprozess erweitern. |
| Mittel Auftragsarbeiten | Individuelle Aufträge ausdrücklich genannt. | Eigener Absatz mit direkter E-Mail-Anfrage. | Eigenes kleines Angebot mit Anfrageweg: Idee, Verwendungszweck, Wünsche und Zeitrahmen. |
| Mittel Künstlerische Arbeit | Plastiken, Bilder und Ausstellungen mit TriArt. | Als historischer Rückblick im Werkstattbereich ergänzt. | Aktualität und gewünschte Sichtbarkeit klären; gegebenenfalls kompakte Werkgruppe ergänzen. |
| Mittel Waldenburg | Seitentitel nennt Waldenburg; Text beschreibt Schulkurse dort. | Als Ausbildungs- und frühere Kursstation genannt, kein bestätigter heutiger Zweitstandort. | Klären, ob heute noch zweiter Angebotsort; historische Ausbildungsstation ist kein aktueller Standort. |
| Niedrig Name Terra Mara | Erde und Namensanfänge; sprachliche Herkunft falsch bezeichnet. | Namensgeschichte mit korrigierter sprachlicher Herkunft ergänzt. | Persönliche Namensgeschichte optional übernehmen; Terra ist lateinisch, nicht griechisch. |
| Bewusst auslassen Historische Aktualität & Privates | Neujahr 2014; damalige Familien-/Wohnsituation. | Nicht übernommen. | Veraltete Nachricht archivieren. Private Angaben nur auf ausdrücklichen Wunsch der Kundin neu formulieren. |
| Vor Livegang Rechtliche Informationen | Impressumslink öffnet Kontakt; kein Datenschutzlink in der Navigation. | Nur gekennzeichnete Platzhalter. | Vollständige abgestimmte Inhalte unter eigenen URLs ergänzen; diese Lücke stammt bereits aus dem Bestand. |
Kleine Ergänzungen mit großer Wirkung
Kurse: Dauer, Preis, Leistungen und Zielgruppe direkt am Angebot; gemeinsame Informationen zu Anmeldung, Abholung und Absage darunter. Werkstatt: kurzer persönlicher Werdegang und konkreter Einblick in den Arbeitsprozess. Keramik: Auftragsarbeiten sichtbar anbieten und Kursfotos korrekt zuordnen.
Das CMS bleibt klein
Die vier Menüpunkte genügen. Dauer, Preis, Leistungen, Terminrhythmus und Teilnahmehinweise sind jetzt als gemeinsame Pflegefelder ergänzt. Kursangebote nutzen weiterhin ihre eigenen Titel, Termintexte, Beschreibungen und Statuswerte. Für die Galerie hilft eine klare Unterscheidung zwischen eigenen Stücken und Teilnehmerarbeiten. Ein Ablaufdatum verhindert überholte Neuigkeiten.
Zusätzlich zu klären, bereits im Bestand offen: Anfängereignung, Techniken, mitzubringende Dinge, Zugang und Parken. Das sind neue Informationsbedürfnisse, keine verlorenen Inhalte.
Vollständigen Abgleich und Fragenliste öffnen
Quellen: Altseite, ihre vier verlinkten Bildansichten sowie Duden zur Herkunft von Terra. Die Inhalte sind jetzt in der Website und in der Pflegedemo ergänzt. Preise, Termine, Bedingungen und aktuelle Tätigkeiten benötigen weiterhin die Bestätigung der Kundin.
02 · Die Gestaltung weiterentwickeln
Leitidee: eine persönliche Werkstatt mit klarer, moderner Präsentation. Große ruhige Schrift, asymmetrischer Einstieg, Originalfotografie und wenige Bedienelemente.
Farbe: Herkunft behalten, Flächen beruhigen
Im bestehenden Hintergrundbild dominieren die gemessenen Pixelwerte #9F2730 (Rot) und #DBC59C (Sand). Das sind aus JPEG-Pixeln abgeleitete Werte, keine dokumentierten Markenstandards. Die neue Palette hellt die Grundfläche auf und führt das Rot gedeckter weiter.
Werkstattrot#902F3D
Akzent, Buttons
Papier#F7F4ED
Hauptfläche
Heller Ton#EFE9DF
Flächengliederung
Graphit#302E2A
Lesetext
Sand aus Bestand#DBC59C
Begleitfarbe
Der Seitenrhythmus wechselt bewusst: heller Einstieg und Galerie, dunkles Weinrot für die Werkstatt, wieder helle Kursangebote und eine warme Sandfläche zum Kontaktabschluss. Textlinks bleiben ruhig; Telefon, E-Mail und Route erhalten verständliche Symbole. Das mobile Menü fährt als seitliches Panel ein. Die dunkle Werkstattfläche nutzt #582631, der warme Kontaktabschluss #E8DCC9. Pillenförmige Buttons und weich gerundete Bilder greifen die runden Formen des Töpferhandwerks auf; der Einstieg behält seinen markanten Bogen.
Drei ergänzende Muster im Vergleich ansehen
Schrift, Logo und Bildsprache
Im Bestand werden unter anderem Arial Narrow, Swis721 LtCn BT und Times New Roman verwendet. Im Prototyp bilden Georgia für ausdrucksstarke Überschriften und Trebuchet MS für Texte und Bedienung ein bewusst einfaches, lokal verfügbares Paar. Keine externen Schriftabrufe.
Der bereitgestellte expressive Originalschriftzug ist jetzt als SVG integriert. Die sandfarbene Außenfläche und die gleichfarbigen Buchstabenöffnungen wurden transparent gemacht, die Zeichenfläche auf das Logo beschnitten. Pfade und Originalfarben bleiben erhalten. Das Logo erscheint im Seitenkopf, im mobilen Menü und im Footer.
Der nachgereichte Ordner „Bilder alt“ enthält größere Werkstattaufnahmen mit 876 × 657 bzw. 657 × 876 Pixeln. Diese werden genutzt. Kursbilder und Produktcollage bleiben mit rund 394 bzw. 424 Pixeln Breite begrenzt. Neue Aufnahmen einzelner Stücke vor ruhigem Hintergrund und ein aktuelles Porträt wären die wirksamste spätere Verbesserung. Gut geplante Smartphone-Aufnahmen bei Tageslicht können dafür zunächst genügen.
Keine erfundenen Produkte, Bewertungen oder Kursplätze. Bestandsfotos und vorgeschlagene Texte bilden den Entwurf. Aktuelles Sortiment, Biografie, Angebote, Bildrechte und Freigaben erkennbarer Personen werden vor Veröffentlichung bestätigt.
03 · Ein kleiner, vollständiger Auftritt
Eine Hauptseite mit fünf Themenbereichen, eine ausführliche Kursseite und später zwei rechtliche Seiten halten Erstellung und Pflege überschaubar.
| Bereich | Inhalt | Nächster Schritt |
|---|---|---|
| Einstieg | „Von Hand. Fürs Leben.“ + kurze Einordnung zu Keramik, Person und Meerane. | Keramik entdecken |
| Keramik | Drei kuratierte Bilder mit Titeln zu Gebrauchskeramik, Figuren und Werkstattangebot. | Besuch planen |
| Werkstatt | Person, Handwerk und Einblick in den Laden. | Kontakt kennenlernen |
| Töpferkurse | Abend, Samstag und Gruppe; eigene Kursseite mit Preis, Umfang, Ablauf und Teilnahmehinweisen. | Anruf oder vorbereitete E-Mail |
| Besuch & Kontakt | Zentrale Öffnungszeiten, Adresse, Telefon und E-Mail. | Anrufen oder Route öffnen |
| Rechtliche Seiten | Später eigene URLs. Im Prototyp gekennzeichnete Platzhalterdialoge. | Impressum / Datenschutz |
Bewusst kleiner Umfang: kein Shop, keine Onlinezahlung, keine automatische Platzverwaltung, keine Kundenkonten, kein Blog mit Pflegepflicht und kein freier Seitenbaukasten. Buchung und Bezahlung bleiben zunächst im persönlichen Ablauf.
Die Kontaktaktionen öffnen Telefon oder E-Mail. Der Prototyp versendet keine Nachricht und bucht keinen Kurs. Filter, Mobilmenü und Anfragedialog sind klickbar.
04 · Das Mini-CMS
Empfehlung: Website und sehr kleinen geschützten Pflegebereich auf demselben kompatiblen Webhosting betreiben. Die Kundin öffnet eine Adresse, meldet sich an und ändert Inhalte in wenigen Formularen. Keine zusätzliche CMS-Cloud und kein Seitenbaukasten.
Was „lokal“ bedeuten kann
| Variante | Vorteil | Zusätzlicher Aufwand | Einordnung |
|---|---|---|---|
| Auf eigenem Webhosting | Von jedem Gerät erreichbar, direkte Veröffentlichung. | Login, sichere Speicherung, Backups und Wartung. | Empfohlen für selbstständiges Veröffentlichen. |
| Editor auf dem Rechner | Kein öffentlicher Adminbereich; offline bearbeiten. | Änderungen müssen hochgeladen werden; Gerätewechsel und Sicherung. | Günstiger Zwischenweg bei seltenen Änderungen und betreutem Upload. |
| Desktop-App mit Upload | Lokale Pflege und Veröffentlichung in einem Ablauf. | Installation, Updates und sichere Upload-Zugangsdaten. | Für geringes Budget zunächst zu viel Zusatztechnik. |
Die Pflegedemo zeigt die Bedienidee. Sie ist weder ein produktives CMS noch eine installierte Desktop-App. Browserspeicher ist keine dauerhafte Datenhaltung oder Sicherung.
Vier Arbeitsbereiche genügen
| Menü | Die Kundin ändert | Die Website regelt |
|---|---|---|
| Startseite | Überschrift, Einleitung, Hauptbild, Kurzbiografie, Werkstatthinweis. | Schriftgrößen, Positionen, Abstände und mobile Darstellung. |
| Keramik & Bilder | Drei Bilder, Titel, Kategorien und Bildbeschreibungen. | Bildformate und Galerieanordnung. |
| Kursangebote | Name, Termintext, Beschreibung, Verfügbarkeit sowie gemeinsame Preise, Leistungen, Ablauf und Teilnahmehinweise. | Filter, Anfragelink und Statusdarstellung. |
| Kontakt | Öffnungszeiten, Hinweise, Telefon, E-Mail, Adresse. | Zentrale Stammdaten für die gesamte produktive Website. |
Ein typischer Pflegevorgang
- „Kursangebote“ öffnen, bestehendes Angebot wählen.
- Termin und Verfügbarkeit ändern; Hilfetexte und Feldgrenzen unterstützen.
- Entwurf speichern, ohne die öffentliche Seite zu verändern.
- Vorschau in der tatsächlichen Gestaltung prüfen.
- Veröffentlichen; der vorige Stand bleibt wiederherstellbar.
Speichern, Vorschau, lokale Veröffentlichung, Wiederherstellung, Bildtausch und JSON-Export/-Import sind in der Demo umgesetzt. Drei Galeriebilder und drei Angebote sind eine bewusste Umfangsgrenze. Nach Bedarf können später weitere Einträge ergänzt werden.
Technik für den späteren Betrieb
Unterstützt das vorhandene Hosting PHP und SQLite, genügt ein kleines Backend auf demselben Hosting. SQLite hält Entwurf, veröffentlichten Stand und begrenzte Versionshistorie. Bilder liegen in einem Medienordner; Datenbank und Backups außerhalb des öffentlichen Webverzeichnisses. Die Hostingvoraussetzungen sind noch zu prüfen.
Besucher → Website → veröffentlichter Inhalt
↑
Kundin → Anmeldung → Felder → Entwurf → Vorschau → Veröffentlichen
↓
SQLite + Medien
↓
separate Sicherung
- Zugang: ein Redaktionskonto, sichere Passwort-Hashes, HTTPS, sichere Sitzungscookies, Anmeldelimit und CSRF-Schutz. Definierter Prozess für Passwortänderung und Wiederherstellung.
- Veröffentlichung: serverseitige Validierung und atomare Übernahme. Bei Fehlern bleibt der alte Stand sichtbar. Vorschau nur authentifiziert.
- Uploads: Dateigröße und tatsächliches Bildformat prüfen, zufällige Dateinamen, keine ausführbaren Dateien, serverseitige Bildoptimierung.
- Inhalte: klar definierte Felder statt freiem HTML; sichere Textausgabe. Kontaktlinks und Routenadresse aus denselben freigegebenen Stammdaten erzeugen.
- Sicherung: tägliches Backup von Datenbank und Medien an einen getrennten Ort, definierte Aufbewahrung, Wiederherstellungsprobe. Versionshistorie ersetzt kein Backup.
- Übergabe: Zuständigkeit für Updates und Störungen, Einweisung anhand echter Änderungen sowie einseitige Anleitung.
Ein eigenes Mini-CMS ist nicht automatisch günstiger zu entwickeln. Es spart Bedienkomplexität und zusätzliche Dienste, benötigt aber einen sauberen technischen Unterbau. Bei sehr knappem Budget ist ein lokaler Dateiexport mit betreuter Übertragung die kleinere erste Stufe.
Einordnung größerer Systeme
WordPress kann mit gesperrten Vorlagen die Pflege vereinfachen; Directus bietet strukturierte Inhalte, Vorschau und Versionen. Sinnvoll, wenn bereits eine betreute Installation vorhanden ist oder mehr Inhaltstypen benötigt werden. Für diesen begrenzten neuen Auftritt würde ich den zusätzlichen Systemumfang zunächst vermeiden.
05 · So bleibt der Relaunch bezahlbar
Erster Umfang
- Eine responsive Hauptseite, Originalbilder und überarbeitete Texte.
- Zwei rechtliche Seiten mit abgestimmten, bereitgestellten Inhalten.
- Telefon-/E-Mail-Anfragen und externer Routenlink.
- Feste Pflegefelder; produktives Backend als klar abgegrenzter Umsetzungsposten.
- Einweisung, Backups und dokumentierter Wartungsumfang.
Aufwand als Planungskorridor
Bei zeitnaher Inhaltsfreigabe und geeignetem Standardhosting: 3–5 Arbeitstage für Abstimmung, Produktionswebsite, Inhaltsübernahme und Geräteprüfung. Zusätzlich 3–5 Arbeitstage für das abgesicherte eigene Mini-CMS inklusive Upload, Vorschau, Wiederherstellung und Einweisung. Grobe Schätzung, kein Angebot. Fotoshooting, größere Texterstellung, Hostingwechsel und Buchungssystem sind nicht enthalten.
Bei sehr knappem Budget zuerst Website plus lokaler Export mit betreuter Übertragung, später den geschützten Pflegebereich ergänzen. Laufend bleiben Hosting, Sicherung und vereinbarte Wartung. Keine pauschale Zusage „wartungsfrei“.
Vor Umsetzung einmal klären
- Aktuelle Kurse, Preise, Bedingungen, Öffnungszeiten und Kontaktangaben.
- Welche Inhalte die Kundin wie häufig ändern möchte.
- Bedeutet „lokal“ zwingend auf ihrem Rechner oder genügt das eigene Hosting?
- Hosting, PHP-/SQLite-Unterstützung, Sicherungen und Zugriff.
- Bildrechte, Freigaben erkennbarer Personen und Entscheidung zum bisherigen Logo.
- Budgetobergrenze und Verantwortung für den laufenden Betrieb.
Vor dem Livegang prüfen
Mobile Darstellung, Tastaturbedienung, Kontraste, alle Inhalte und Links, sichere Anmeldung, fehlgeschlagener Upload, fehlgeschlagene Veröffentlichung sowie Backup-Wiederherstellung. Danach Domainübernahme und Indexierung bewusst freigeben. Der aktuelle Prototyp ist per „noindex“ als Entwurf gekennzeichnet.
Nächster sinnvoller Schritt: Den visuellen Entwurf und einen echten Pflegevorgang mit der Kundin durchgehen. Danach den kleinsten tragfähigen Veröffentlichungsweg wählen.
Quellen & Nachvollziehbarkeit
- Terra Mara, Bestandswebsite · Live-Prüfung am 16.09.2026.
- Nutzerordner „Bilder alt“ · größere Originalaufnahmen und historische Grafiken.
- WordPress: Block Locking / Content-only Editing · technische Grundlage der CMS-Alternative.
- Directus: Inhalte, Vorschau und Versionierung · technische Grundlage der CMS-Alternative.
Beobachtungen, Gestaltungsvorschläge und technische Empfehlungen sind getrennt. Keine erfundenen Zugriffszahlen, Ladezeitmessungen, Verfügbarkeiten oder Betriebskosten.