Grand Café du Commerce
Niente framework, niente CMS: una brasserie di quartiere non ha bisogno di una fabbrica.
- Anno
- 2026
- Progettazione
- 2 settimane
- Stack
- HTML/CSS · JavaScript · Google Analytics · Vercel
- Design
- Sviluppo
- SEO locale
- Misurazione del pubblico
Versione dimostrativa pubblicata da Kayzen Web su un indirizzo Vercel; il dominio definitivo appartiene al cliente.
- performance Lighthouse
- 93/100
- dipendenze esterne
- 0
- richieste oltre all'HTML
- 2
- SEO Lighthouse
- 100/100
Cosa c'era da risolvere.
Il contesto
Le Grand Café du Commerce è una brasserie di Vaise, nel 9° arrondissement di Lione. Clientela di quartiere, habitué del pranzo, tavoli la sera.
Il vincolo
Il sito precedente era una pagina unica, non responsive, con orari non aggiornati. L'esigenza reale stava in tre righe: il menu, gli orari, un modo per prenotare. Tutto il resto sarebbe stato una spesa senza ritorno.
La risposta
HTML, CSS e un po' di JavaScript. Nessun framework, nessun CMS, nessun database. Il risultato si carica all'istante, non richiede aggiornamenti di sicurezza e costa zero euro di hosting. Il menu si modifica in un file, in chiaro.
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é.
Registro da brasserie, non da ristorante gastronomico
Tipografia decisa, palette bordeaux e crema, foto di piatti semplici. Un'immagine troppo chic avrebbe fatto scappare la clientela del pranzo, che è la prima voce di fatturato.
Gli orari nella prima schermata
«Aperto fino alle 22:00» calcolato in tempo reale invece di una tabella di sette righe. È la domanda più frequente, e meritava una risposta, non un documento da interpretare.
Menu in HTML, mai in PDF
Un menu in PDF non si legge su smartphone, non si indicizza e non viene letto dallo screen reader. Il menu è una pagina HTML strutturata, con i prezzi.
Palette del progetto
Bordeaux
#6E2436
Identità, titoli
Crema
#F6F0E4
Sfondo
Inchiostro
#211E1C
Testo
Ottone
#B08A4A
Filetti e dettagli
Sistema tipografico
Titoli
Libre Baskerville
Testo corrente
Source Sans 3
Un serif classico, nello spirito delle insegne da brasserie, solo per i titoli; il corpo del testo resta un sans-serif pensato per lo schermo.
Cosa c'è sotto il cofano.
- HTML/CSS
- JavaScript
- Google Analytics
- Vercel
Zero dipendenze
Nessuna libreria da aggiornare, quindi nessuna falla da correggere fra sei mesi. Per il sito di un ristorante che non avrà una manutenzione mensile, è la scelta più responsabile.
Un solo file CSS, un solo file JS
Due richieste oltre all'HTML. Il sito è completo prima che un sito basato su framework abbia finito di analizzare il suo bundle.
Misurazione del pubblico con consenso
Google Analytics viene caricato solo dopo un'accettazione esplicita. Senza consenso non viene chiamato alcuno script di terze parti: non è un'opzione di comodo, è la regola della CNIL, l'autorità francese per la protezione dei dati.
Come il sito si fa trovare.
«Brasserie Vaise», «restaurant Lyon 9»
Il posizionamento locale punta al quartiere prima che alla città: lì la concorrenza è dieci volte più debole e l'intenzione dieci volte più forte.
Orari strutturati
openingHoursSpecification in JSON-LD: è ciò che alimenta l'indicazione «Aperto · Chiude alle 22» mostrata da Google, ed evita la telefonata di verifica.
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.
97/100 senza sforzi di recupero
Un sito semplice è più facile da rendere accessibile. HTML semantico, contrasti verificati, navigazione da tastiera nativa: nulla da correggere a posteriori.
Cosa è stato consegnato.
- Home
- Il menu
- Prenota
- Come arrivare e orari
- Contatti
Lo svolgimento del progetto.
Impostazione
Tre esigenze individuate, tutto il resto scartato.
Design
Registro da brasserie, orari dinamici, menu in HTML.
Sviluppo
HTML/CSS/JS senza dipendenze, consenso prima della misurazione.
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.