01 — Kunde
Über das Projekt
„Mutmach-Märchen“ ist eine Reihe von zwölf therapeutischen Märchen von Yuliia Raievska, Kinderpsychologin. Jedes Buch hilft einem Kind, eine Angst zu durchleben: Dunkelheit, Kita, Zahnarzt. Die Website sollte diese Bücher an Eltern in Deutschland und weltweit verkaufen, sofort öffnen und so einfach bleiben, dass die Autorin sie selbst pflegt.
02 — Kontext
Aufgabe
Die alte Website war mit einem Block-Baukasten gebaut, der Shop lief auf WooCommerce für ein einziges Produkt. Warenkorb, Kasse und Kundenkonto bedienten ein PDF-Buch für fünfzehn Euro. Die Startseite erzählte von drei Tätigkeiten zugleich: Fotoshootings, Märchentherapie und Workshops.
Der Verkauf von PDFs in Europa scheitert an der Umsatzsteuer: Der Satz hängt vom Land der Käuferin ab, und Meldungen pro Land sind für eine Solo-Autorin nicht zu stemmen. Die Rechtstexte passten nicht zur Realität: Das Impressum nannte die Website nicht kommerziell, daneben stand ein Button „Kaufen“.
Die Website musste nicht neu gezeichnet, sondern verengt werden. Die Psychologin bleibt als Rahmen der Expertise, die Bücher werden zum Produkt, alles andere fällt weg.
03 — Lösung
So funktioniert es
3.1
Design in sechs Iterationen
Das Designsystem entstand in Figma: warmes Papier, die Buchserife Alice, eine pastellfarbene Kachel für jedes Problem. Logo und Markenfarben blieben, das Layout änderte sich. Sechs Versionen der Startseite von streng bis „buchig“; die finale ist im Kinderregister gehalten, illustriert mit Bildern aus den Büchern selbst.
3.2
Eigenes Block-Theme
Keine Baukästen. Ein leichtes FSE-Theme auf nativen Blöcken: Tokens in theme.json, Schriften lokal und nach Alphabeten aufgeteilt, CSS nach Minifizierung sieben Kilobyte. Die Autorin bearbeitet Inhalte im normalen Block-Editor, nicht in Einstellungspanels.
3.3
Shop ohne Warenkorb
WooCommerce ist entfernt. Die Bücher wurden zu einem eigenen Beitragstyp in einem separaten Plugin: Schaufenster, Buchkarten, Filter nach Problem, ein Block „Bei diesem Problem wird auch genommen“. Der Shop fügt der Seite kein einziges Skript hinzu. Bezahlt wird über Lemon Squeezy als Merchant of Record: Der Dienst berechnet und zahlt die Umsatzsteuer nach Land der Käuferin, stellt Rechnungen aus und bewahrt die Käufe auf. Details in einer eigenen Fallstudie.
3.4
Eigener Cookie-Banner
Statt eines schweren Consent-Plugins ein eigener: drei Kilobyte, kein einziges Cookie und keine externe Anfrage vor der Wahl des Besuchers, gleichwertige Buttons nach der Praxis der deutschen Aufsichtsbehörden. Ebenfalls eine eigene Fallstudie.
3.5
Geschwindigkeit und Daten
Die erste Messung nach dem Start ergab 92 PageSpeed-Punkte mobil. Danach wurden die Details nachgezogen: Illustrationen in WebP, Schriften nach Alphabeten aufgeteilt und vorgeladen, minifiziertes Theme-CSS, Bilder unterhalb des ersten Bildschirms mit Lazy Loading. Ergebnis: 97 – das Hauptbild erscheint nach 2,5 s, die Layoutverschiebung ist null, der erste Bildschirm wiegt rund 150 KB.
Statistik: Independent Analytics, ohne Cookies und ohne externe Server. Rank Math mit abgeschalteten Modulen, die nach außen telefonieren, Weiterleitungen von allen alten Adressen, eigenes JSON-LD für Bücher.
3.6
Recht
Impressum und Datenschutzerklärung wurden auf den tatsächlichen Verkauf umgeschrieben: Kleinunternehmerin nach § 19 UStG, Lemon Squeezy als Verkäufer, Cloudflare, Pixel nur mit Einwilligung. Der Link zur geschlossenen ODR-Plattform wurde entfernt, um keinen Anlass für Abmahnungen zu geben.
04 — Fazit
Ergebnis
Die Website wurde zum Shop einer Autorin: zwölf Bücher statt eines Produkts, ein kostenloses Märchen als Lead-Magnet, ein Blog, der zu den Büchern führt. Die Autorin fügt Bücher und Artikel selbst hinzu, ohne Entwickler.
Personenbezogene Daten der Besucher bleiben im Haus, und die Rechtstexte stimmen mit dem überein, was die Website tatsächlich tut.
