Ansicht auf dem Smartphone, 414 px Breite
#820000 ist exakt der Wert aus der Logodatei, nicht geschätzt. Das Logo kennt eine Farbe: Tusche auf hellem Grund. Genau so ist die Seite gebaut: hell als Grundton, Bordeaux als Akzent, zwei dunkle Bänder zur Gliederung. Der Pfarrgarten ist grün und sonnig; eine durchgehend dunkle Seite würde dagegen arbeiten.
| Element | Womit | Aufwand / Fallstrick |
|---|---|---|
| Hero mit Drohnenbild | Divi Section, Bild als Section-Background, Verlauf darüber | Standard-Divi. Bild als WebP, ca. 1600 px breit, sonst kostet es LCP. |
| Hoflinie unter dem Hero | Inline-SVG im Divi-Code-Modul | Vektor, wenige Kilobyte. Im Projekt sauber aus der Logodatei nachgezeichnet. |
| Termin-Karten mit Status | Plugin-Ausgabe, im Child-Theme gestylt | „Wenige Karten“ ab Restbestand unter 15 %, Schwelle einstellbar. |
| Plakatwand | Divi Gallery oder Blog-Modul im Raster | Kein Slider. Alles gleichzeitig sichtbar, Bilder lazy geladen. |
| Buchung ohne Sitzplan (A) | FooEvents + WooCommerce | Standard-Warenkorb ausblenden, direkt zur Kasse. Sonst springen Leute ab. |
| Sitzplan (B) | FooEvents Seating erzeugt den Plan selbst | Nur Farben, Abstände, Beschriftung anpassbar. Der Entwurf zeigt das Ziel, nicht die Pixel. |
| Widget (C) | iframe des Ticketanbieters | Fremddesign bleibt fremd. Bewusst so dargestellt. |
| Ticket per E-Mail | FluentSMTP + Plugin-Vorlage | SPF und DKIM setzen, sonst landen Tickets im Spam. Häufigster Fehler. |
| Vorverkaufsstelle | Eigene Benutzerrolle, Bestellung im Backend | Nicht im verschickten Angebot. Für den Verein vermutlich der wichtigste Punkt. |
| Ensemble-Fotos | fehlen | Auf der alten Seite gibt es keine freigegebenen Porträts. TODO(kunde), mit Einwilligung nach DSGVO, bei Jugendlichen der Erziehungsberechtigten. |
| Schriften | Prototyp: nur Systemschriften | Im Projekt lizenziert und lokal per @font-face. Die alte Seite lädt Google Fonts, das ist ein DSGVO-Verstoß und muss weg. |