ANALYSE & KONZEPTWebsite-Entwurf ansehen ↗

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.

Bestandswebsite mit sandfarbener Kopfzone, roter Fläche und kleiner Navigation
Bestand: starke Farbsignatur, wenig Orientierung im Einstieg.
Stark verkleinerte Bestandswebsite auf einem 390 Pixel breiten Bildschirm
Mobil: winzige Navigation, große ungenutzte Fläche.

Erhaltenswerte Merkmale

BereichBeobachtungKonsequenz
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 · hochKein Viewport-Metatag. Die Desktopgestaltung wird auf 390 Pixeln extrem klein dargestellt.Mobile Anordnung, lesbare Texte, große Bedienflächen und funktionierendes Menü.
Navigation · hochHauptlinks verwenden href="#" und Ereignissteuerung zum Ein-/Ausblenden von Ebenen.Direkt verlinkbare Abschnitte; bei Bedarf später eigene Kursseiten.
Hierarchie · hochIm Einstieg fehlt ein erklärender Angebotstext. Im DOM keine h1-, h2- oder h3-Elemente.Klare Hauptüberschrift, kurze Einordnung und sichtbare Handlungsangebote.
Gestaltung · mittelGroß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 · hochKontakt 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 · mittelTitel 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 · offenImpressumsaktion 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 / ThemaAltbestand · zu bestätigenJetzt im EntwurfEmpfehlung
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.

BereichInhaltNächster Schritt
Einstieg„Von Hand. Fürs Leben.“ + kurze Einordnung zu Keramik, Person und Meerane.Keramik entdecken
KeramikDrei kuratierte Bilder mit Titeln zu Gebrauchskeramik, Figuren und Werkstattangebot.Besuch planen
WerkstattPerson, Handwerk und Einblick in den Laden.Kontakt kennenlernen
TöpferkurseAbend, Samstag und Gruppe; eigene Kursseite mit Preis, Umfang, Ablauf und Teilnahmehinweisen.Anruf oder vorbereitete E-Mail
Besuch & KontaktZentrale Öffnungszeiten, Adresse, Telefon und E-Mail.Anrufen oder Route öffnen
Rechtliche SeitenSpä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

VarianteVorteilZusätzlicher AufwandEinordnung
Auf eigenem WebhostingVon jedem Gerät erreichbar, direkte Veröffentlichung.Login, sichere Speicherung, Backups und Wartung.Empfohlen für selbstständiges Veröffentlichen.
Editor auf dem RechnerKein ö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 UploadLokale 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 ändertDie Website regelt
StartseiteÜberschrift, Einleitung, Hauptbild, Kurzbiografie, Werkstatthinweis.Schriftgrößen, Positionen, Abstände und mobile Darstellung.
Keramik & BilderDrei Bilder, Titel, Kategorien und Bildbeschreibungen.Bildformate und Galerieanordnung.
KursangeboteName, 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

  1. „Kursangebote“ öffnen, bestehendes Angebot wählen.
  2. Termin und Verfügbarkeit ändern; Hilfetexte und Feldgrenzen unterstützen.
  3. Entwurf speichern, ohne die öffentliche Seite zu verändern.
  4. Vorschau in der tatsächlichen Gestaltung prüfen.
  5. 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

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

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

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

Beobachtungen, Gestaltungsvorschläge und technische Empfehlungen sind getrennt. Keine erfundenen Zugriffszahlen, Ladezeitmessungen, Verfügbarkeiten oder Betriebskosten.