Herdfeuer Deutschland - Webdesign für eine Gastronomiegruppe mit mehreren Marken

Herdfeuer Deutschland ist die deutsche Edition unserer fiktiven Quick-Service-Gastronomiegruppe mit Sitz in Berlin. Dieselben Templates wie in den USA, aber durch und durch deutsch: BVL und Berufsgenossenschaft statt FDA und OSHA, Systemumsatz in Euro, betriebliche Altersvorsorge, formelles Sie und ein sachliches Bauhaus-Design.

Projektdaten

• Kunde: Herdfeuer Gruppe GmbH, Berlin (fiktiv)
• Branche: Quick-Service-Gastronomiegruppe mit mehreren Marken
• Märkte: Sitz in Berlin, Restaurants von München bis Hamburg
• Leistungen: Marktlokalisierung · Copywriting · Markenanpassung · Webdesign für Gastronomiegruppen · Barrierefreiheit (WCAG 2.2 AA) · SEO-Grundlagen
• Templates: 42 Seitentemplates, geteilt mit jeder Herdfeuer Gruppe-Edition
• Technik: Handgeschriebenes HTML, CSS und JavaScript; eine Textdatei und ein Theme pro Markt

Das Briefing

Eine Gastronomie-Website, die wie ein deutscher Konzern auftritt

Investoren, Franchisepartner und Bewerber erwarten Fakten statt Superlative. Die deutsche Edition ersetzt jede Behörde, Kennzahl und Saison: BVL, BMEL, Berufsgenossenschaft, Umweltbundesamt und BaFin, Systemumsatz in Euro, betriebliche Altersvorsorge statt 401(k) und Feiertage statt Thanksgiving.

Gestaltet für Deutschland

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

• Sitz - US-Edition: Austin, Texas · Deutschland: Berlin, Standorte in München und Hamburg
• Gesellschaft - US-Edition: Herdfeuer Gruppe Inc. · Deutschland: Herdfeuer Gruppe GmbH
• Kennzahlen - US-Edition: $5.2B system sales · Deutschland: Systemumsatz in Euro
• Behörden - US-Edition: FDA, USDA, OSHA, EPA, SEC · Deutschland: BVL, BMEL, Berufsgenossenschaft (DGUV), Umweltbundesamt, BaFin
• Leistungen - US-Edition: 401(k), Social Security · Deutschland: Betriebliche Altersvorsorge, Sozialversicherung
• Recht - US-Edition: US-Datenschutz · Deutschland: DSGVO, TDDDG, Impressum
• Stil - US-Edition: Creme, Glutrot, Safran; Fraunces + Bricolage Grotesque · Deutschland: Schwarz-Weiß mit Signalorange; IBM Plex Serif + IBM Plex Sans, keine Rundungen

stills/ (to record)

Markenanpassung

Dasselbe Herdfeuer Gruppe, mit lokalem Akzent

Die deutsche Edition ist sachlich: Weiß und Schwarz tragen die Oberfläche, Signalorange markiert Aktionen, Ecken bleiben eckig. IBM Plex Serif gibt Überschriften Gewicht, IBM Plex Sans hält Zahlen und Formulare klar. Alle Farbpaare erfüllen WCAG AA. Das Herdbogen-Signet und die Wortmarke Brands bleiben unverändert.

Startseite und zentrale Seiten

Ein vollflächiges Restaurant-Hero blendet ein, ein Band mit den vier Markennamen führt zu einem Statement, Zähler laufen zu Restaurants, Mitarbeitenden und Systemumsatz in Euro hoch. Danach folgen Markenkarten, Strategie, Wirkung und Newsroom. Der markanteste Ablauf ist der Newsroom: Filter für Presse, Story, Snapshot und Video, kombiniert mit einem Markenwähler und teilbarer ?brand=-URL.

Recht, Barrierefreiheit und Vertrauen

• Datenschutzerklärung nach DSGVO mit der Herdfeuer Gruppe GmbH als Verantwortlicher; Cookie-Einwilligung nach TDDDG mit gleichrangigem „Alle ablehnen“.
• Impressum mit Handelsregister, Geschäftsführung und USt-IdNr.
• Lebensmittel- und Allergeninformationen nach deutschen Vorgaben; keine US-Behörden.
• 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 Gastronomiegruppe 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 42 Templates, Header, Footer und Formulare
• Markenanpassung: Palette, Schriftpaarung und Logo-Zusatz
• 29 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