Les Halles de Lyon Paul Bocuse
Sechzig Händler, ein Ort: Die Website musste ebenso Verzeichnis wie Schaufenster sein.
- Jahr
- 2026
- Umsetzung
- 5 Wochen
- Stack
- Next.js · React · Tailwind · Vercel
- Informationsarchitektur
- Design
- Entwicklung
- SEO
Demoversion, von Kayzen Web unter einer Vercel-Adresse veröffentlicht; die endgültige Domain gehört dem Kunden.
- verzeichnete Häuser
- 60
- Lighthouse-Barrierefreiheit
- 97/100
- Lighthouse-PerformanceUnter unserem Ziel von 90: Ein Verzeichnis mit sechzig Häusern samt Fotos ist naturgemäß schwer; dieses Gewicht zu reduzieren (verzögertes Laden, kompaktere Formate) ist die vorrangige Baustelle der nächsten Iteration.
- 76/100
Was gelöst werden musste.
Der Kontext
Die Halles de Lyon Paul Bocuse vereinen rund sechzig Häuser – Metzger, Käsehändler, Austernhändler, Konditoren, darunter mehrere Meilleurs Ouvriers de France (höchste französische Handwerksauszeichnung). Food & Wine kürte den Ort zum drittbesten Markt der Welt.
Die Einschränkung
Die Website eines Gemeinschaftsorts ist hin- und hergerissen: Spricht sie nur über den Ort, hilft sie niemandem, einen bestimmten Händler zu finden; ist sie nur ein Verzeichnis, verliert sie alles, was Lust auf einen Besuch macht. Sie musste dem Besucher dienen, der entdeckt, und dem, der „den Käsehändler der Halles“ sucht.
Die Antwort
Zwei übereinanderliegende Ebenen. Eine erzählende Ebene – Geschichte, Fotografie, Atmosphäre –, die Lust macht. Eine Verzeichnisebene – 60 Einträge, nach Gewerk filterbar, mit Standort und Öffnungszeiten –, die nützlich ist. Die erste bringt Besucher, die zweite hält sie.
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.
Jede gestalterische Entscheidung – und ihr Grund.
Ein Eintrag pro Haus
Gewerk, Spezialitäten, Standort in der Halle, Öffnungszeiten. Diese Information fehlt fast immer – und ihretwegen irren Besucher durch die Gänge.
Filter nach Gewerk
Metzger, Käsehändler, Austernhändler, Obst- und Gemüsehändler, Weinhändler, Feinkost. Besucher suchen keinen Namen, sondern einen Bedarf; der Filter folgt der Art, wie man über einen Markt denkt.
Vollformatige Fotografie, aber maßvoll
Kulturerbe will gezeigt werden. Die Bilder sind groß und sorgfältig, werden aber nach und nach geladen: Die Galerie bremst nicht den Eintrag des Käsehändlers, den man gesucht hat.
Farbpalette des Projekts
Hallenrot
#9B2C2C
Identität
Fliesenweiß
#FAFAF8
Hintergrund
Schiefer
#2B2E33
Text
Messing
#B99247
Linien und MOF-Medaillen
Typografisches System
Überschriften
Playfair Display
Fließtext
Inter 400
Das Kulturerbe-Register verlangt eine Serifenschrift, das Verzeichnis eine kompakte Sans-Serif. Beide koexistieren nach Bereichen, nie im selben Block.
Was unter der Haube steckt.
- Next.js
- React
- Tailwind
- Vercel
Verzeichnis als strukturierte Daten
Die 60 Häuser liegen in einem typisierten Datensatz – einzige Quelle für Liste, Filter, Lageplan und Markup. Eine geänderte Öffnungszeit wird an einer einzigen Stelle gepflegt.
Performance bei 76: eine bewusste Abwägung
Der Score liegt unter unseren Standards, und wir dokumentieren das, statt es zu verschweigen: Die Kulturerbe-Galerie wiegt schwer. Das ist die erste identifizierte Optimierungsbaustelle – Umstellung auf AVIF und feinere Aufteilung der Galerie.
Wie die Website gefunden wird.
Eine Seite pro Gewerk
„Käsehändler Halles Paul Bocuse“, „Austernhändler Lyon“: Jedes Gewerk hat eine Sammelseite, die eine Suchanfrage einfängt, auf die die Startseite nicht zielen kann.
Markup für Ort und Geschäfte
Der Ort trägt einen Place-Knoten, jedes Haus einen damit verknüpften LocalBusiness-Knoten. Die Hierarchie ist für Suchmaschinen wie für Assistenten explizit.
Für alle nutzbar.
Seit Juni 2025 schreibt der European Accessibility Act (EU-Richtlinie 2019/882) für einen großen Teil der Online-Dienste digitale Barrierefreiheit vor. Wir berücksichtigen sie schon bei der Konzeption, nicht erst im Nachhinein.
Angekündigte Filter und Ergebnisse
Ein Filterwechsel aktualisiert einen Ergebniszähler in einer Live-Region. Ohne ihn weiß ein blinder Nutzer nicht, dass sich die Liste geändert hat.
Was ausgeliefert wurde.
- Startseite – der Ort
- Die 60 Häuser – filterbares Verzeichnis
- Seiten pro Gewerk
- Geschichte und Kulturerbe
- Anfahrt, Öffnungszeiten, Lageplan
Der Projektablauf.
Bestandsaufnahme
Die 60 Häuser, Gewerke, Standorte, Öffnungszeiten.
Architektur
Erzählende Ebene und Verzeichnisebene, Filter nach Gewerk.
Design
Kulturerbe-Register, Galerie, Einträge.
SEO
Gewerkseiten, Place- und LocalBusiness-Markup.
Was man uns oft fragt.
Weitere Referenzen
DSGVO-Compliance & SaaSKonsent by Kayzen
Ein Banner-Anbieter, der Banner prüft, ist Richter in eigener Sache: Unabhängigkeit war das Produkt.
Offensive Cybersicherheit & SaaSSentinel by Kayzen
Ein Sicherheitsprodukt an Ingenieure verkaufen: Jede Aussage musste nachweisbar sein.
Daten & WetterdienstMétéo Climat France
358 indexierbare Seiten, eine animierte Karte über 72 Zeitpunkte – und keine einzige Zeile Framework.
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.