Kuppelwerk Deutschland: Entertainment-Webdesign für eine Kuppel-Marke

Kuppelwerk baut 26-Meter-LED-Kuppeln, in denen Live-Sport, Konzertfilme, immersives Kino und Lichtkunst den Raum umschließen. Für den Markt Deutschland haben wir die Website neu gedacht: Sie statt du, Preise in Euro inkl. MwSt., Impressum, DSGVO und ein TDDDG-konformes Cookie-Opt-in. Acht Templates und sieben Bausteine tragen die gesamte Seite, vom Programm bis zur privaten Anfrage.

Projektdaten

• Kunde: Kuppelwerk Entertainment GmbH (fiktiv)
• Branche: Location-based Entertainment, Sport und Live-Events
• Märkte: Hamburg, Berlin, Leipzig, München (2027)
• Leistungen: Marktlokalisierung · Copywriting · Markenanpassung · Webdesign für Entertainment-Venues · Barrierefreiheit (WCAG 2.2 AA) · SEO-Grundlagen
• Templates: 7 Seitentemplates, geteilt mit jeder Kuppelwerk-Edition
• Technik: Handgeschriebenes HTML, CSS und JavaScript; eine Textdatei und ein Theme pro Markt

Das Briefing

Ein Website-Erlebnis, das sich wie der erste Raum der Kuppel anfühlt

Die Herausforderung: Ein Gefühl verkaufen, das auf einem flachen Bildschirm nicht existiert. Die Website muss die Atmosphäre der Kuppel transportieren und gleichzeitig in wenigen Klicks Tickets verkaufen. Sie dient vier Zielgruppen gleichzeitig: Sportfans, Konzertbesucher, Familien und Eventplaner. Acht Templates und sieben wiederverwendbare Blöcke bilden die Grundlage. Jede Stadt bekommt einen eigenen Hub, jede Veranstaltung eine eigene Seite mit sticky Showtime-Panel. Die Sprache ist durchgehend formell, die Preise sind in Euro inkl. MwSt. ausgewiesen, und die rechtlichen Anforderungen an Impressum, DSGVO und Barrierefreiheit sind von Anfang an integriert.

Gestaltet für Deutschland

Was sich zwischen der US-Edition und dieser wirklich ändert

• Markenauftritt - US-Edition: After-dark-Farbwelt mit warmem Creme und Ember-Gradient · Deutschland: Monochrom mit einem Signal-Akzent: Schwarz, Weiß, Ember-Orange und Aurora-Blau
• Typografie - US-Edition: Weiche Display-Serif mit dramatischen Kursiven · Deutschland: IBM Plex Serif und IBM Plex Sans, sachlich und klar, mit automatischer Silbentrennung
• Sprache - US-Edition: Locker, warm, ein bisschen frech · Deutschland: Formelles Sie, präzise und informativ, ohne Anglizismen wo möglich
• Preise - US-Edition: US-Dollar, ohne Steuerhinweis · Deutschland: Euro mit deutscher Formatierung (1.234,56 €), inkl. MwSt. für Verbraucher, zzgl. MwSt. für B2B
• Standorte - US-Edition: Chicago, Los Angeles, Austin, Miami · Deutschland: Hamburg (HafenCity), Berlin (Kreuzberg), Leipzig (Plagwitz), München (Werksviertel, 2027)
• Rechtliches - US-Edition: Standard-US-Datenschutz · Deutschland: Impressum mit Geschäftsführer, Registergericht, HRB und USt-IdNr., DSGVO-konforme Datenschutzerklärung, AGB, Barrierefreiheitserklärung nach BFSG 2025
• Cookies - US-Edition: Informationsbanner · Deutschland: TDDDG-konformes Opt-in mit „Alle ablehnen“ auf erster Ebene
• Einheiten - US-Edition: 87 Fuß, Meilen · Deutschland: 26 Meter, Kilometer, Celsius
• Navigation - US-Edition: Top-Navigation mit Dropdown · Deutschland: Vollbild-Menü mit klarer Hierarchie und Standortauswahl
• Barrierefreiheit - US-Edition: Reduzierte Bewegung · Deutschland: Reduzierte Bewegung, reizarme Sitzungen, Untertitel und Audiodeskription

Markenanpassung

Dasselbe Kuppelwerk, mit lokalem Akzent

Die Marke Kuppelwerk bleibt, aber der Auftritt wird sachlicher. Statt warmer Creme- und Ember-Verläufe dominiert Schwarz-Weiß mit einem einzigen Signal-Akzent: Ember-Orange für Aktionen und Aurora-Blau für Links und Fokus. IBM Plex Serif für Überschriften und IBM Plex Sans für Fließtext sorgen für eine klare, informationsreiche Sprache. Ecken und Kanten bleiben eckig, die Rasterung ist streng. Das Logo bleibt unverändert, die Wortmarke Kuppelwerk steht für sich.

Startseite und zentrale Seiten

Die Startseite beginnt mit einem kinoreifen Hero: Dabei sein. Ohne Flugticket. Ein langsamer Push-in auf die Kuppel, darunter die Kennzahlen 26 m, 12K, 360° und 1,2 Mio. Gäste. Ein kinetisches Laufband mit den Kategorien Sport, Konzerte, Kino und Kunst setzt den Rhythmus. Die Veranstaltungsleiste Diese Woche unter der Kuppel lässt sich per Drag oder Pfeiltasten scrollen, jede Karte zeigt Datum, Uhrzeit und Preis. Vier Kategorie-Kacheln führen zu den Programmseiten. Ein Split-Section verkauft die Kuppel als ultimativen Ort für Live-Sport. Ein bogenförmiger Bilderrahmen greift die Form der Kuppel auf. Die Standortkarten zeigen Hamburg, Berlin, Leipzig und München. Der Newsletter lädt zur Anmeldung ein. Der wichtigste Flow: Von der Startseite über die Veranstaltungsleiste zur Detailseite mit sticky Showtime-Panel und direktem Ticketkauf.

Recht, Barrierefreiheit und Vertrauen

• Impressum mit allen Pflichtangaben: Kuppelwerk Entertainment GmbH, Geschäftsführer, Registergericht, HRB, USt-IdNr., Anschrift und Kontakt. Als Demo gekennzeichnet.
• Datenschutzerklärung nach DSGVO mit Angabe der zuständigen Landesdatenschutzbehörde und dem Recht auf Beschwerde.
• Cookie-Banner nach TDDDG: „Alle ablehnen“ ist genauso einfach wie „Alle akzeptieren“, keine vorausgewählten Kategorien.
• AGB und Barrierefreiheitserklärung nach BFSG 2025, verlinkt im Footer und im Buchungsprozess.
• Besteht die automatisierten WCAG-2.2-AA-Prüfungen auf jeder Seite bei 360, 390, 768 und 1440 px: keine Kontrastfehler, keine unerreichbaren Bedienelemente, kein horizontales Scrollen.
• Ein Sprachumschalter auf Basis von hreflang sitzt auf dem Desktop im Header und auf dem Smartphone im Footer.

Ein System, zwölf Märkte

Jeder sichtbare Text liegt in einer Datei pro Markt, jede Farbe und Schrift in einem Theme. Diese Edition brauchte weder neue Templates noch neue Komponenten: Texte, ein Theme, regionale Fotografie und lokale Rechtstexte machen sie zu einem eigenen Markenerlebnis. Für eine Entertainment-Gruppe mit internationalen Plänen wird ein neuer Markt so zum Content-Projekt statt zum Relaunch.

Lieferumfang

• Marktprofil: Sprache, Formate, Recht und Saisonalität
• Vollständig lokalisierte Texte für 7 Templates, Header, Footer und Formulare
• Markenanpassung: Palette, Schriftpaarung und Logo-Zusatz
• 30 regionale Fotos (Pexels, Quellen in credits.json)
• Datenschutzerklärung und lokale Rechtstexte
• Barrierefreiheit (WCAG 2.2 AA, automatisiert) und QA in vier Bildschirmbreiten
• Portfoliomedien: Screenshots, ganze Seiten, Scroll-Video, OG-Bild, Brand Board