Les Halles de Lyon Paul Bocuse
Zestig handelaars, één plek: de site moest evenzeer een gids als een etalage zijn.
- Jaar
- 2026
- Ontwerp
- 5 weken
- Stack
- Next.js · React · Tailwind · Vercel
- Informatiearchitectuur
- Design
- Ontwikkeling
- SEO
Demoversie door Kayzen Web online gezet op een Vercel-adres; het definitieve domein is eigendom van de klant.
- vermelde zaken
- 60
- Lighthouse-toegankelijkheid
- 97/100
- Lighthouse-performanceOnder ons doel van 90: een gids van zestig zaken met foto's is van nature zwaar; dat gewicht verminderen (uitgesteld laden, compactere formaten) is het prioritaire project van de volgende iteratie.
- 76/100
Wat er opgelost moest worden.
De context
Les Halles de Lyon Paul Bocuse brengen een zestigtal zaken samen — slagers, kaasboeren, oesterverkopers, banketbakkers, onder wie meerdere Meilleurs Ouvriers de France (de hoogste Franse vakonderscheiding). De hallen werden door Food & Wine uitgeroepen tot de op twee na beste markt ter wereld.
De beperking
Een website voor een collectieve plek wordt heen en weer getrokken: als hij alleen over de plek spreekt, helpt hij niemand om een bepaalde handelaar te vinden; als hij alleen een gids is, verliest hij alles wat zin geeft om te komen. We moesten zowel de bezoeker bedienen die komt ontdekken als degene die “de kaasboer van de hallen” zoekt.
Het antwoord
Twee lagen over elkaar. Een verhalende laag — geschiedenis, fotografie, sfeer — om zin te geven om te komen. Een gidslaag — 60 fiches, te filteren op vak, met standplaats en openingstijden — om nuttig te zijn. De eerste trekt aan, de tweede houdt vast.
De scores bij oplevering.
Lighthouse-scores van de website in productie. Wij publiceren ze zoals ze zijn: als een score laag is, staan de oorzaak en het verbeterplan hieronder beschreven in plaats van verzwegen.
Elke keuze, en de reden erachter.
Eén fiche per zaak
Vak, specialiteiten, standplaats in de hallen, openingstijden. Dat is informatie die bijna altijd ontbreekt en waarvoor bezoekers rondjes door de gangpaden lopen.
Filteren op vak
Slager, kaasboer, oesterverkoper, groenteboer, wijnhandelaar, traiteur. De bezoeker zoekt geen naam maar een behoefte; de filter volgt de manier waarop men over een markt denkt.
Fotografie over de volle breedte, maar afgemeten
Erfgoed laat men zien. De beelden zijn breed en verzorgd, maar worden geleidelijk geladen: de galerij benadeelt de fiche van de kaasboer die men zocht niet.
Kleurenpalet van het project
Hallenrood
#9B2C2C
Identiteit
Tegelwit
#FAFAF8
Achtergrond
Leisteen
#2B2E33
Tekst
Messing
#B99247
Lijnen en MOF-medailles
Typografisch systeem
Koppen
Playfair Display
Lopende tekst
Inter 400
Het erfgoedregister vraagt om een serif; de gids vraagt om een compacte schreefloze letter. Beide bestaan naast elkaar per zone, nooit in hetzelfde blok.
Wat er onder de motorkap zit.
- Next.js
- React
- Tailwind
- Vercel
Gids in gestructureerde data
De 60 zaken staan in een getypeerde dataset, de enige bron voor de lijst, de filters, de plattegrond en de markering. Een gewijzigd openingsuur wordt op één plek aangepast.
Performance op 76: een bewuste afweging
De score ligt onder onze normen, en we documenteren dat liever dan het te verzwijgen: de erfgoedgalerij weegt zwaar. Het is het eerste geïdentificeerde optimalisatieproject — overstap naar AVIF en een fijnere opsplitsing van de galerij.
Hoe de website vindbaar wordt.
Eén pagina per vak
“Fromager Halles Paul Bocuse”, “écailler Lyon”: elk vak heeft een eigen verzamelpagina, die een zoekopdracht opvangt waarop de homepage niet kan mikken.
Markering van de plek en de zaken
De plek heeft een Place-knooppunt, elke zaak een daaraan gekoppeld LocalBusiness-knooppunt. De hiërarchie is expliciet voor zoekmachines en voor assistenten.
Bruikbaar voor iedereen.
Sinds juni 2025 verplicht de Europese toegankelijkheidsrichtlijn (European Accessibility Act) digitale toegankelijkheid voor een groot deel van de onlinediensten. Wij regelen dat in het ontwerp, niet achteraf.
Filters en resultaten aangekondigd
Het wijzigen van een filter werkt een resultatenteller in een live-regio bij. Zonder dat weet een blinde gebruiker niet dat de lijst veranderd is.
Wat er is opgeleverd.
- Home — de plek
- De 60 zaken — filterbare gids
- Pagina's per vak
- Geschiedenis en erfgoed
- Bereikbaarheid, openingstijden, plattegrond
Het verloop van het project.
Inventarisatie
De 60 zaken, vakken, standplaatsen, openingstijden.
Architectuur
Verhalende laag en gidslaag, filters per vak.
Design
Erfgoedregister, galerij, fiches.
SEO
Vakpagina's, Place- en LocalBusiness-markering.
Wat ons vaak gevraagd wordt.
Andere projecten
AVG/GDPR-compliance & SaaSKonsent by Kayzen
Een bannerleverancier die banners audit, is rechter en partij: onafhankelijkheid wás het product.
Offensieve cybersecurity & SaaSSentinel by Kayzen
Een securityproduct verkopen aan engineers: elke bewering moest aantoonbaar zijn.
Data & WeerdienstMétéo Climat France
358 indexeerbare pagina's, een geanimeerde kaart over 72 tijdstappen — en geen enkele regel framework.
Hetzelfde niveau van zorg, voor uw website.
Gratis audit van uw huidige website, offerte binnen 24 uur en een schriftelijke onderbouwing — zoals die u net hebt gelezen. Betaling in drie termijnen zonder extra kosten; lokale subsidies gecontroleerd vóór ondertekening.