AJ Wintertag

Ausgangslage

AJ Wintertag suchte eine individuelle, performante Website mit mystisch-elegantem Design – ohne Abhängigkeit von WordPress, Content-Management-Systemen oder Build-Tools. Die Seite sollte vollständig DSGVO-konform sein, ein intuitives Content-Management-System bieten und für klassische Suchmaschinen sowie AI-Systeme gleichermaßen optimiert werden.

Lösung

Wir haben eine maßgeschneiderte PHP Flat-File Website entwickelt, die komplett ohne Framework, npm oder Build-Step auskommt. Das Ergebnis ist eine leichtgewichtige, wartungsfreundliche Architektur auf Apache-Hosting (All-Inkl).

Design & Frontend

Das Dark Theme mit Gold- und Mystic-Lila-Akzenten schafft eine magische Atmosphäre. Canvas-basierte Sternschnuppen, schwebende Partikel, ein Sparkle-Trail und ein Golden Snitch sorgen für visuelle Tiefe – auf Mobile werden alle dekorativen Effekte zugunsten der Performance deaktiviert. Scroll-Reveal-Animationen und ein animierter Preloader runden das Erlebnis ab. Das responsive Layout funktioniert von 375px bis Desktop.

Pixzl.CMS

Das Content-Management läuft über Pixzl.CMS – unser eigenes Headless Flat-File CMS, das auf Git-basiertem Content-Workflow aufbaut. Inhalte werden als Markdown mit YAML-Frontmatter verwaltet, versioniert und ohne Datenbank oder Build-Pipeline live ausgespielt.

Pixzl.CMS generiert aus den Markdown-Dateien automatisch typisierte Listing-Seiten mit Paginierung, Einzelansichten mit vollständigem SEO-Markup, Tag-basierte Filterpages, einen validen RSS-Feed und eine JSON-API mit Key-Auth und IP-basiertem Rate Limiting. Neue Inhalte erscheinen sofort nach dem Speichern – kein Deployment, kein Cache-Invalidation, kein Rebuild.

Der integrierte Markdown-Parser unterstützt Syntax-Highlighting, verschachtelte Listen, Tabellen und automatische Anchor-Links für Überschriften. Bilder werden per Frontmatter in Landscape (Newsroom) und Portrait (iOS App) definiert, mit automatischer OpenGraph- und Twitter-Card-Ausgabe pro Beitrag. Draft-Modus, Änderungsdatum-Tracking und strukturierte Autorendaten sind nativ eingebaut.

Newsletter mit Double-Opt-In

Die Newsletter-Integration über die Brevo API umfasst eine Bestätigungsmail im Corporate Design, Token-basierte Verifizierung mit 24-Stunden-Gültigkeit und automatische Kontaktverwaltung. Die E-Mail-Templates passen sich nahtlos in das mystische Design der Website ein.

Sicherheit & Datenschutz

Ein DSGVO-konformer Cookie-Consent-Banner mit drei Kategorien (Essenziell, Funktional, Analyse) steuert das Laden von Google reCAPTCHA v3 und Google Analytics 4. Weitere Sicherheitsmaßnahmen: Content Security Policy, HMAC-SHA256 IP-Hashing für Rate Limiting, HTTPS mit HSTS und eine .env-basierte Secrets-Verwaltung.

SEO & AI-Sichtbarkeit

Umfangreiche Schema.org-Auszeichnungen (WebSite, Person, Book, FAQPage, BlogPosting, CollectionPage) machen die Inhalte für Suchmaschinen optimal erfassbar. Eine FAQ-Section mit extrahierbaren Antwortblöcken, llms.txt für AI-Crawler und die explizite Erlaubnis für GPTBot, PerplexityBot und ClaudeBot sorgen für maximale Sichtbarkeit in klassischen und AI-gestützten Suchergebnissen.

Tech Stack

Performance-Optimierung

• Keine externen Abhängigkeiten – kein npm, kein Framework
• Self-Hosted Fonts mit font-display: swap
• Lazy Loading für Below-the-fold Bilder
• Canvas-Animationen pausieren bei verstecktem Tab
• Debounced Resize-Handler
• Mobile: Alle dekorativen Effekte deaktiviert
• Gzip-Kompression + Browser-Caching (Fonts: 1 Jahr, CSS/JS: 1 Monat)

Ergebnis

Eine performante, mystisch-elegante Autorenwebsite die ohne Build-Tools oder Frameworks auskommt. Vollständig DSGVO-konform mit Consent-gesteuertem Tracking, optimiert für klassische Suchmaschinen und AI-Systeme gleichermaßen. Pixzl.CMS gibt der Kundin die volle Kontrolle über ihre Inhalte – neue Beiträge sind in Sekunden live, inklusive automatischem SEO-Markup, RSS-Feed-Update und API-Verfügbarkeit, ohne jemals einen Terminal öffnen zu müssen.