Les Halles de Lyon Paul Bocuse
Sessanta commercianti, un solo luogo: il sito doveva essere tanto un elenco quanto una vetrina.
- Anno
- 2026
- Progettazione
- 5 settimane
- Stack
- Next.js · React · Tailwind · Vercel
- Architettura dell'informazione
- Design
- Sviluppo
- SEO
Versione dimostrativa pubblicata da Kayzen Web su un indirizzo Vercel; il dominio definitivo appartiene al cliente.
- botteghe censite
- 60
- accessibilità Lighthouse
- 97/100
- performance LighthouseSotto il nostro obiettivo di 90: un elenco di sessanta botteghe con foto è pesante per natura; ridurne il peso (caricamento differito, formati più compatti) è il cantiere prioritario della prossima iterazione.
- 76/100
Cosa c'era da risolvere.
Il contesto
Le Halles de Lyon Paul Bocuse riuniscono una sessantina di botteghe (macellai, formaggiai, ostricai, pasticcieri) tra cui diversi Meilleurs Ouvriers de France, il più alto titolo artigianale francese. Food & Wine ha classificato il luogo 3° miglior mercato del mondo.
Il vincolo
Il sito di un luogo collettivo è diviso in due: se parla solo del luogo, non aiuta nessuno a trovare un commerciante preciso; se è solo un elenco, perde tutto ciò che invoglia a venire. Bisognava servire sia il visitatore che scopre sia quello che cerca «il formaggiaio delle Halles».
La risposta
Due livelli sovrapposti. Un livello narrativo (storia, fotografia, atmosfera) per invogliare. Un livello elenco (60 schede, filtrabili per mestiere, con posizione e orari) per essere utile. Il primo porta, il secondo trattiene.
I punteggi rilevati alla consegna.
Punteggi Lighthouse del sito in produzione. Li pubblichiamo così come sono: quando uno è basso, la causa e il piano di correzione sono spiegati più sotto invece di essere taciuti.
Ogni scelta di design, e il suo perché.
Una scheda per bottega
Mestiere, specialità, posizione all'interno delle Halles, orari. È un'informazione che manca quasi sempre e per cui i visitatori girano a vuoto tra le corsie.
Filtro per mestiere
Macellaio, formaggiaio, ostricaio, fruttivendolo, enoteca, gastronomia. Il visitatore non cerca un nome ma un bisogno; il filtro segue il modo in cui si pensa a un mercato.
Fotografia a tutto campo, ma misurata
Il patrimonio va mostrato. Le immagini sono ampie e curate, ma caricate progressivamente: la galleria non penalizza la scheda del formaggiaio che si stava cercando.
Palette del progetto
Rosso Halles
#9B2C2C
Identità
Bianco piastrella
#FAFAF8
Sfondo
Ardesia
#2B2E33
Testo
Ottone
#B99247
Filetti e medaglie MOF
Sistema tipografico
Titoli
Playfair Display
Testo corrente
Inter 400
Il registro patrimoniale richiede un serif; l'elenco richiede un sans-serif compatto. I due convivono per zone, mai nello stesso blocco.
Cosa c'è sotto il cofano.
- Next.js
- React
- Tailwind
- Vercel
Elenco in dati strutturati
Le 60 botteghe vivono in un set di dati tipizzato, fonte unica dell'elenco, dei filtri, della mappa e del markup. Una modifica d'orario si fa in un solo punto.
Performance a 76: una scelta assunta
Il punteggio è sotto i nostri standard, e lo documentiamo invece di tacerlo: la galleria del patrimonio pesa. È il primo cantiere di ottimizzazione individuato: passaggio ad AVIF e suddivisione più fine della galleria.
Come il sito si fa trovare.
Una pagina per mestiere
«Fromager Halles Paul Bocuse», «écailler Lyon» (formaggiaio, ostricaio): ogni mestiere ha la sua pagina di raggruppamento, che intercetta una ricerca che la home non può puntare.
Markup del luogo e delle botteghe
Il luogo ha un nodo Place, ogni bottega un nodo LocalBusiness collegato. La gerarchia è esplicita tanto per i motori di ricerca quanto per gli assistenti.
Utilizzabile da tutti.
Da giugno 2025 l'Atto europeo sull'accessibilità (European Accessibility Act) impone l'accessibilità digitale a una larga parte dei servizi online. La affrontiamo in fase di progettazione, non come rimedio a posteriori.
Filtri e risultati annunciati
Il cambio di filtro aggiorna un contatore dei risultati in una live region. Senza, un utente non vedente non sa che l'elenco è cambiato.
Cosa è stato consegnato.
- Home — il luogo
- Le 60 botteghe — elenco filtrabile
- Pagine per mestiere
- Storia e patrimonio
- Come arrivare, orari, mappa
Lo svolgimento del progetto.
Censimento
Le 60 botteghe, mestieri, posizioni, orari.
Architettura
Livello narrativo e livello elenco, filtri per mestiere.
Design
Registro patrimoniale, galleria, schede.
SEO
Pagine per mestiere, markup Place e LocalBusiness.
Cosa ci chiedono spesso.
Altri lavori
Conformità GDPR e SaaSKonsent by Kayzen
Un fornitore di banner che verifica i banner è giudice e parte: l'indipendenza era il prodotto.
Sicurezza offensiva e SaaSSentinel by Kayzen
Vendere un prodotto di sicurezza agli ingegneri: ogni affermazione doveva essere dimostrabile.
Dati e servizio meteoMétéo Climat France
358 pagine indicizzabili, una mappa animata su 72 scadenze e nemmeno una riga di framework.
Lo stesso livello di rigore, per il tuo sito.
Audit gratuito del tuo sito attuale, preventivo entro 24 ore e un ragionamento scritto, come quello che hai appena letto. Pagamento in tre rate senza interessi; agevolazioni locali verificate prima della firma.