Kontext
Vissi D'Arte Management ist ein internationales Produktionshaus und Management für klassische Musik mit Sitz in London. Das Unternehmen vertritt Spitzenkünstler — Opernsänger, Dirigenten und Instrumentalisten — und organisiert Konzerte, Galas und Tourneen auf prestigeträchtigen Weltbühnen (Carnegie Hall, Royal Opera House, La Scala).
Die Aufgabe war, eine moderne Webplattform zu schaffen, die:
- den Künstler-Roster mit detaillierten Profilen professionell präsentiert
- bevorstehende und vergangene Konzertereignisse darstellt
- eine reichhaltige Foto- und Videogalerie mit Lightbox-Ansicht bietet
- eine einfache Inhaltsverwaltung über das WordPress-Admin-Panel ermöglicht
- das Prestige und die Eleganz der Marke eines Klassik-Musikmanagements widerspiegelt
- schnell und skalierbar genug für ein internationales Publikum ist
Was nicht funktionierte
Die bestehende WordPress-Website war klassisch aufgebaut — es wurde ein Standard-Theme verwendet, das dem Prestigelevel der Organisation nicht entsprach:
- langsames Laden der Seiten aufgrund unoptimiertem WordPress-Rendering (volle 5+ Sekunden für die Startseite)
- das Design vermittelte nicht die Luxus-Identität der Klassik-Musikmanagement-Marke
- Inhalte waren unstrukturiert — Künstler, Events und Galerien hatten keine klare Navigation
- die mobile Darstellung war primitiv, ungeeignet für ein internationales Publikum
- fehlende moderne Webstandards — kein Lazy Loading, keine optimierten Bilder, kein Caching
- das WordPress-Backend war schwer zu verwalten — es gab keine angepassten Felder für spezifische Daten zu Künstlern und Veranstaltungen
Das internationale Publikum und Partner der klassischen Musik erwarten ein digitales Erlebnis, das dem Weltniveau der Künstler entspricht, die VDAM vertritt. Die alte Website konnte das nicht bieten.
Was wir umgesetzt haben
Wir entwickelten eine komplett neue Webplattform unter Verwendung der Headless-WordPress-Architektur mit Nuxt 3 Frontend, was die Flexibilität des WordPress-CMS mit der Geschwindigkeit und Eleganz eines modernen JavaScript-Frameworks kombiniert. Das Ergebnis ist eine professionelle Webplattform für Klassik-Musikmanagement, die schnell, sicher und einfach zu verwalten ist.
1. Headless WordPress + Nuxt 3 Architektur
Der Headless-WordPress-Ansatz bedeutet, dass WordPress ausschließlich als CMS (Backend) arbeitet, während Nuxt 3 für das Frontend zuständig ist:
- WordPress Backend — CMS mit Kontrollpanel für Eingabe und Verwaltung von Inhalten über Künstler, Veranstaltungen und Galerien
- Nuxt 3 Frontend — ruft Daten über die REST-API ab und rendert sie mit Server-Side Rendering (SSR)
- ISR (Incremental Static Regeneration) auf Vercel — optimale Balance zwischen frischem Inhalt und ultraschneller Ladezeit
- Komplett getrennte Architektur — höhere Sicherheit, Flexibilität und Erweiterungsmöglichkeiten ohne Risiko einer CMS-Kompromittierung
2. Serverseitiger Proxy mit SWR-Caching
Anstatt dass das Frontend die WordPress-API direkt aufruft, laufen alle Anfragen über den Nuxt-Server:
- Nuxt-Server als Proxy — alle API-Aufrufe an WordPress gehen über Server-Routen (Proxy), was WordPress vor direkter Belastung schützt
- SWR (stale-while-revalidate) Caching — cached Inhalte und reduziert die Belastung des WordPress-Servers
- Schnellere Antworten — Nutzer erhalten gecachte Antworten sofort, während Inhalte im Hintergrund aktualisiert werden
- Schutz von WordPress — die Quelldatenbank ist vor Überlastung und Missbrauch geschützt
3. Dunkles Luxus-Theme mit goldenen Akzenten
Das Design ist auf Klassik-Musikmanagement abgestimmt — Prestige, Eleganz und Modernität in Balance:
- Dunkles UI — elegant, raffiniert, spiegelt Luxus und Seriosität der Marke wider
- Goldene Akzente — sorgfältig platziert zur Hervorhebung wichtiger Elemente
- Raffinierte Typografie — ausgewählte Schriften, die Qualität und Tradition evozieren
- Visuelle Balance — reiche Identität ohne Überfrachtung, lesbar und zugänglich
4. Vier Custom Post Types (CPT) für Inhaltsstrukturierung
Anstelle eines generischen Post-Typs schufen wir spezifische Inhaltstypen für die Bedürfnisse des Managements:
- Artists — detaillierte Künstlerprofile (Biografie, Fotografien, Diskografie, Social Links, Agent-Kontakt)
- Events — Konzerte und Galas (Datum, Ort, Programm, Preis, Link zum Kartenkauf)
- Gallery — Foto- und Videokollektionen mit Lightbox-Ansicht für jedes Event oder Projekt
- Press — Medienartikel, Rezensionen, Kritiken und Press-Kit-Materialien
Jeder CPT verfügt über angepasste Custom Fields im WordPress-Admin, was dem VDAM-Team ermöglicht, Inhalte ohne technisches Wissen einzugeben. Einfach — sie öffnen das WordPress-Admin und füllen die Felder für neue Künstler oder Veranstaltungen aus.
5. Hero-Carousel und visuelle Elemente
- Animiertes Hero-Carousel auf der Startseite — rotiert durch die wichtigsten Künstler und bevorstehende Veranstaltungen mit flüssigen Übergängen
- Optimierte Bilder — alle visuellen Inhalte sind in WebP-Format mit Lazy Loading konvertiert, was schnelles Laden auch bei langsamen Verbindungen bedeutet
- Responsives Design — perfekte Darstellung auf allen Bildschirmgrößen (Mobil, Tablet, Desktop)
- Premium-Effekte — elegante Übergänge und Hover-Interaktionen, die zum Luxusgefühl beitragen, ohne zu überlasten
6. Kontaktformular und sichere Integrationen
- Zuverlässiges Kontaktformular — Validierung im Frontend (sofortige Prüfung) und Backend (zusätzliche Sicherheit)
- Spam-Schutz — CSRF-Token und Rate Limiting stellen sicher, dass nur legitime Anfragen das Team erreichen
- E-Mail-Benachrichtigungen — das VDAM-Team wird über jede Anfrage informiert (Buchungsanfragen, Partner, Medien etc.)
Technologien
- Nuxt 3 — Vue 3 Framework mit SSR- und ISR-Unterstützung
- WordPress — Headless CMS für Inhaltsverwaltung
- Tailwind CSS — Utility-First CSS Framework für schnelles und konsistentes Design
- Vercel — Hosting mit ISR-Caching und globalem CDN
- REST API — Kommunikation zwischen WordPress und Nuxt-Frontend
- SWR-Caching — serverseitiger Proxy für optimale Performance
Was sich verändert hat
Vorher — alte Website (Mobile):
Nachher — neue Website (Mobile):
Nachher — neue Website (Desktop):
- Deutlich schnelleres Laden — von über 5 Sekunden auf unter 1,5 Sekunden dank Headless-Architektur und ISR-Caching auf Vercel
- Elegantere Präsentation — dunkles Luxus-Theme mit goldenen Akzenten schafft ein echtes Premium-Erlebnis, das dem Markenniveau entspricht
- Einfachere Inhaltsverwaltung — das VDAM-Team nutzt das vertraute WordPress-Admin-Panel ohne Entwicklungsbedarf
- Strukturierte Inhalte — 4 verschiedene Post-Typen (Künstler, Events, Galerien, Press) statt generischer WordPress-Struktur
- Professionelle digitale Identität — die Webplattform kommuniziert nun das Prestige und das internationale Niveau der Organisation
- Skalierbarkeit — die Plattform kann einfach um neue Sektionen oder Kategorien erweitert werden, ohne technische Einschränkungen
Was jetzt möglich ist
Vissi D'Arte Management kann nun:
- Schnell neue Inhalte hinzufügen — neue Künstler, Konzerte oder Galerien werden über das WordPress-Admin ohne technische Hilfe oder Wartezeit auf einen Entwickler eingegeben
- Veranstaltungen elegant präsentieren — jedes Konzert (Carnegie Hall, Royal Opera House) hat eine eigene Landingpage mit Programm, Standort und Kartenlinks
- Ohne Degradation skalieren — ISR- und SWR-Caching bedeuten, dass die Plattform auch mit Hunderten von Veranstaltungen und Galerien schnell bleibt
- Medienkommunikation zentralisieren — Pressematerialien, Rezensionen und Medienkontakte sind an einem Ort für Journalisten und Partner verfügbar
- Funktionalitäten flexibel erweitern — neue Eigenschaften oder Sektionen (z.B. Album-Shop, Live-Stream-Events) können im Frontend hinzugefügt werden, ohne das CMS zu ändern
Projektübersicht
Technisches Profil:
- Headless WordPress + Nuxt 3 Architektur
- Server-Side Rendering (SSR) + ISR (Incremental Static Regeneration)
- SWR-Caching über Nuxt-Proxy
- Dunkles Luxus-Theme mit goldenen Akzenten
- 4 angepasste Post-Typen (Künstler, Events, Galerien, Press)
Ergebnis:
- Webplattform, die 3–4x schneller ist als klassisches WordPress
- Inhaltsverwaltung ohne technisches Wissen
- Professionelle digitale Identität eines Klassik-Musikmanagements
- Deploy auf Vercel mit globalem CDN und 99,9% Uptime
Eine digitale Bühne, die Spitzenkünstler der klassischen Musik würdig präsentiert.
Webplattform ansehen
Wenn Sie eine ähnliche Modernisierung Ihrer Identität oder Web-Plattform für eine Musikorganisation, ein Produktionshaus oder eine Agentur wünschen — kontaktieren Sie uns. Wir entwickeln eine Lösung, die Ihre Werte präzise kommuniziert und Ergebnisse liefert.