Bäckerei & Konditorei

Maison Victoire

Ein Stand in den Halles Paul Bocuse: Die Website musste Lyoner und Touristen zugleich ansprechen.

Jahr
2026
Umsetzung
3 Wochen
Stack
Next.js · React · Tailwind · Vercel
  • Design
  • Entwicklung
  • Zweisprachigkeit
  • Lokales SEO
  • Texte

Demoversion, von Kayzen Web unter einer Vercel-Adresse veröffentlicht; die endgültige Domain gehört dem Kunden.

https://maison-victoire.vercel.app/
Startseite der Website Maison Victoire — Bäckerei & Konditorei, erstellt von Kayzen Web
Sprachen, zwei echte Seitenstrukturen
2
Lighthouse-Barrierefreiheit
97/100
Lighthouse-SEOEiner unserer zwei niedrigsten SEO-Werte: Die zweisprachige Website hat noch offene Audit-Punkte (Links und Meta-Descriptions); sie stehen im Korrekturplan, und der Score wird nach dem nächsten Durchgang neu veröffentlicht.
92/100
Die Ausgangslage

Was gelöst werden musste.

Der Kontext

Maison Victoire ist seit 1990 in den Halles de Lyon Paul Bocuse ansässig. Ihre Brioche aux pralines (Brioche mit rosa Pralinen) ist eine anerkannte Spezialität des Hauses.

Die Einschränkung

Zwei Zielgruppen ohne jede Gemeinsamkeit. Der Lyoner kennt die Adresse und kommt für eine Bestellung; der Besucher entdeckt die Halles, sucht etwas zum Mitnehmen und liest nicht immer Französisch. Eine einzige Seite für beide hätte keinen von beiden überzeugt.

Die Antwort

Eine zweisprachige Website, mit einem Signature-Produkt als Einstieg. Die Brioche aux pralines hat eine eigene Seite: ihre Geschichte, ihre Herstellung, ihre Haltbarkeit und den Button zur Vorbestellung für die Abholung. Diese Seite fängt den Touristen ein und beruhigt den Stammkunden.

Gemessen, nicht behauptet

Die Werte bei der Auslieferung.

Lighthouse-Werte der Live-Website. Wir veröffentlichen sie unverändert: Ist einer niedrig, stehen Ursache und Korrekturplan weiter unten, statt verschwiegen zu werden.

PageSpeed
85
Performance: 85 von 100
97
Barrierefreiheit: 97 von 100
100
Best Practices: 100 von 100
92
Suchmaschinenoptimierung: 92 von 100
Design & Art Direction

Jede gestalterische Entscheidung – und ihr Grund.

  1. Die Farbe des Produkts

    Pralinenrosa, Creme und Krustenbraun. Die Palette ist den Produkten selbst entnommen, statt von einem Styleguide vorgegeben: Im Lebensmittelhandwerk macht die Ware die Identität.

  2. Das Signature-Produkt als Einstieg

    Eine eigene Seite für die Brioche aux pralines, mit ihrer Geschichte und ihrer Haltbarkeit. Sie beantwortet Suchanfragen nach Lyoner Spezialitäten, auf die die Startseite nicht zielen könnte.

  3. Sichtbarer Sprachwechsel

    Die Sprachauswahl sitzt im Header, nicht in der Fußzeile. Ein ausländischer Besucher, der sie nicht in drei Sekunden findet, verlässt die Seite.

Farbpalette des Projekts

  • Pralinenrosa

    #C4405C

    Identität, Akzente

  • Creme

    #FBF4E9

    Hintergrund

  • Krustenbraun

    #6B4327

    Titel

  • Sanftes Gold

    #D9A441

    Details

Typografisches System

Überschriften

Cormorant Garamond

Fließtext

Karla 400

Eine elegante Serifenschrift für den Namen, eine humanistische Grotesk zum Lesen – Handwerk ohne Altbackenheit.

Engineering

Was unter der Haube steckt.

  • Next.js
  • React
  • Tailwind
  • Vercel
  1. Zweisprachig per URL, nicht per Cookie

    /fr/ und /en/ sind zwei echte Seitenstrukturen mit wechselseitigen hreflang-Tags. Eine clientseitige Umschaltung hätte nur eine indexierte URL hinterlassen – also nur eine Version im Ranking.

  2. Vorbestellung zur Abholung

    Bestellformular mit Abholzeitfenster, ohne Online-Zahlung. Eine Bäckerei braucht für eine im Laden abgeholte Bestellung keinen Bezahl-Funnel – er brächte nur Gebühren und Abbrüche.

Suchmaschinenoptimierung

Wie die Website gefunden wird.

  1. Anlehnung an die Halles

    „Bäckerei Halles Paul Bocuse“, „Brioche aux pralines Lyon“, „Lyoner Spezialität als Mitbringsel“. Man positioniert sich über den Ort, der eine stärkere Marke ist als das Geschäft selbst.

  2. Vollständiges hreflang

    Jede Seite gibt ihre alternative Version und ihr eigenes Canonical an. An diesem Punkt scheitern die meisten zweisprachigen Websites – und Google indexiert am Ende nur eine Sprache.

  3. Bakery-Markup

    Typ Bakery mit Öffnungszeiten, Adresse und Preisklasse: Google unterscheidet diesen Typ und zeigt ihn in den lokalen Ergebnissen anders an.

Seitenstruktur

Was ausgeliefert wurde.

  • Startseite (FR / EN)
  • Die Brioche aux pralines
  • Unsere Produkte
  • Abholung vorbestellen
  • Das Haus seit 1990
  • Anfahrt zu den Halles
Methode

Der Projektablauf.

  1. Positionierung

    Zwei Zielgruppen identifiziert, ein Signature-Produkt als Einstieg gewählt.

  2. Zweisprachigkeit

    Seitenstrukturen /fr/ und /en/, wechselseitige hreflang-Angaben.

  3. Design

    Palette aus den Produkten, Seite für das Signature-Produkt.

  4. Vorbestellung

    Abholzeitfenster, ohne Online-Zahlung.

Fragen

Was man uns oft fragt.

In den Halles Paul Bocuse ja: Ein erheblicher Teil der Besucher kommt aus dem Ausland und sucht eine Spezialität zum Mitnehmen. Anderswo in Lyon wäre die Antwort wahrscheinlich nein – entscheidend ist die tatsächliche Herkunft der Kunden, nicht das Prinzip.

Derselbe Anspruch, für Ihre Website.

Kostenloses Audit Ihrer aktuellen Website, Angebot innerhalb von 24 Stunden und eine schriftliche Begründung – wie die, die Sie gerade gelesen haben. Zahlung in drei Raten ohne Aufpreis; lokale Förderungen werden vor der Unterschrift geprüft.

Teilen