Les Halles de Lyon Paul Bocuse
Soixante commerçants, un seul lieu : le site devait être un annuaire autant qu'une vitrine.
- Année
- 2026
- Conception
- 5 semaines
- Stack
- Next.js · React · Tailwind · Vercel
- Architecture de l'information
- Design
- Développement
- SEO
Version de démonstration mise en ligne par Kayzen Web sur une adresse Vercel ; le domaine définitif appartient au client.
- maisons référencées
- 60
- accessibilité Lighthouse
- 97/100
- performance LighthouseSous notre objectif de 90 : un annuaire de soixante maisons avec photos est lourd par nature ; réduire ce poids (chargement différé, formats plus compacts) est le chantier prioritaire de la prochaine itération.
- 76/100
Ce qu'il fallait résoudre.
Le contexte
Les Halles de Lyon Paul Bocuse réunissent une soixantaine de maisons — bouchers, fromagers, écaillers, pâtissiers, dont plusieurs Meilleurs Ouvriers de France. Le lieu a été classé 3ᵉ meilleur marché du monde par Food & Wine.
La contrainte
Un site de lieu collectif est tiraillé : s'il ne parle que du lieu, il n'aide personne à trouver un commerçant précis ; s'il n'est qu'un annuaire, il perd tout ce qui donne envie de venir. Il fallait servir le visiteur qui découvre et celui qui cherche « le fromager des Halles ».
La réponse
Deux couches superposées. Une couche narrative — histoire, photographie, atmosphère — pour donner envie. Une couche annuaire — 60 fiches, filtrables par métier, avec emplacement et horaires — pour être utile. La première amène, la seconde retient.
Les scores relevés à la livraison.
Scores Lighthouse du site en production. Nous les publions tels quels : quand l'un d'eux est bas, sa cause et son plan de correction sont écrits plus bas plutôt que passés sous silence.
Chaque parti pris, et sa raison.
Une fiche par maison
Métier, spécialités, emplacement dans les halles, horaires. C'est une information qui manque presque toujours et pour laquelle les visiteurs tournent dans les allées.
Filtrage par métier
Boucher, fromager, écailler, primeur, caviste, traiteur. Le visiteur ne cherche pas un nom mais un besoin ; le filtre suit la façon dont on pense un marché.
Photographie plein cadre, mais mesurée
Le patrimoine se montre. Les images sont larges et soignées, mais chargées progressivement : la galerie ne pénalise pas la fiche du fromager qu'on cherchait.
Palette du projet
Rouge halles
#9B2C2C
Identité
Blanc carrelage
#FAFAF8
Fond
Ardoise
#2B2E33
Texte
Laiton
#B99247
Filets et médailles MOF
Système typographique
Titrage
Playfair Display
Texte courant
Inter 400
Le registre patrimonial demande une serif ; l'annuaire demande une sans-serif dense. Les deux cohabitent par zone, jamais dans un même bloc.
Ce qu'il y a sous le capot.
- Next.js
- React
- Tailwind
- Vercel
Annuaire en données structurées
Les 60 maisons vivent dans un jeu de données typé, source unique de la liste, des filtres, du plan et du balisage. Une modification d'horaire se fait à un seul endroit.
Performance à 76 : un arbitrage assumé
Le score est en dessous de nos standards, et nous le documentons plutôt que de le taire : la galerie patrimoniale pèse. C'est le premier chantier d'optimisation identifié — passage en AVIF et découpage plus fin de la galerie.
Comment le site se rend trouvable.
Une page par métier
« Fromager Halles Paul Bocuse », « écailler Lyon » : chaque métier a sa page de regroupement, qui capte une requête que la page d'accueil ne peut pas viser.
Balisage du lieu et des commerces
Le lieu porte un nœud Place, chaque maison un nœud LocalBusiness rattaché. La hiérarchie est explicite pour les moteurs comme pour les assistants.
Utilisable par tout le monde.
Depuis juin 2025, l'European Accessibility Act impose l'accessibilité numérique à une large part des services en ligne. Nous la traitons à la conception, pas en rattrapage.
Filtres et résultats annoncés
Le changement de filtre met à jour un compteur de résultats dans une région live. Sans cela, un utilisateur non voyant ne sait pas que la liste a changé.
Ce qui a été livré.
- Accueil — le lieu
- Les 60 maisons — annuaire filtrable
- Pages par métier
- Histoire et patrimoine
- Accès, horaires, plan
Le déroulé du projet.
Recensement
Les 60 maisons, métiers, emplacements, horaires.
Architecture
Couche narrative et couche annuaire, filtres par métier.
Design
Registre patrimonial, galerie, fiches.
SEO
Pages métier, balisage Place et LocalBusiness.
Ce qu'on nous demande souvent.
D'autres réalisations
Conformité RGPD & SaaSKonsent by Kayzen
Un éditeur de bandeau qui audite les bandeaux est juge et partie : l'indépendance était le produit.
Cybersécurité offensive & SaaSSentinel by Kayzen
Vendre un produit de sécurité à des ingénieurs : chaque affirmation devait être démontrable.
Data & Service météoMétéo Climat France
358 pages indexables, une carte animée sur 72 échéances — et pas une seule ligne de framework.
Le même niveau d'exigence, pour votre site.
Audit gratuit de votre site actuel, devis sous 24 h et un raisonnement écrit — comme celui que vous venez de lire. Paiement en trois fois sans frais, aides locales vérifiées avant signature.