Grand Café du Commerce
Geen framework, geen CMS: een buurtbrasserie heeft geen fabriek nodig.
- Jaar
- 2026
- Ontwerp
- 2 weken
- Stack
- HTML/CSS · JavaScript · Google Analytics · Vercel
- Design
- Ontwikkeling
- Lokale SEO
- Bezoekersmeting
Demoversie door Kayzen Web online gezet op een Vercel-adres; het definitieve domein is eigendom van de klant.
- Lighthouse-performance
- 93/100
- externe afhankelijkheden
- 0
- verzoeken naast de HTML
- 2
- Lighthouse-SEO
- 100/100
Wat er opgelost moest worden.
De context
Le Grand Café du Commerce is een brasserie in Vaise, Lyon 9. Buurtklanten, vaste gasten 's middags, tafels 's avonds.
De beperking
De vorige website was één enkele pagina, niet responsive, zonder actuele openingstijden. De echte behoefte paste in drie regels: de kaart, de openingstijden, een manier om te reserveren. Al het andere zou een uitgave zonder rendement zijn geweest.
Het antwoord
HTML, CSS en een beetje JavaScript. Geen framework, geen CMS, geen database. Het resultaat laadt direct, vraagt geen enkele beveiligingsupdate en kost nul euro aan hosting. De kaart wordt in een bestand aangepast, in platte tekst.
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.
Het register van de brasserie, niet van de gastronomie
Uitgesproken typografie, een palet van bordeaux en crème, foto's van eenvoudige gerechten. Een te chique huisstijl had de middagklanten afgeschrikt, en die zorgen voor de grootste omzet.
De openingstijden op het eerste scherm
“Open tot 22.00 uur”, live berekend, in plaats van een tabel van zeven regels. Het is de meest gestelde vraag; ze verdiende een antwoord en geen document om te interpreteren.
De kaart in HTML, nooit in pdf
Een pdf-kaart leest niet op een telefoon, wordt niet geïndexeerd en wordt niet voorgelezen door een schermlezer. De kaart is een gestructureerde HTML-pagina, met prijzen.
Kleurenpalet van het project
Bordeaux
#6E2436
Identiteit, koppen
Crème
#F6F0E4
Achtergrond
Inkt
#211E1C
Tekst
Messing
#B08A4A
Lijnen en details
Typografisch systeem
Koppen
Libre Baskerville
Lopende tekst
Source Sans 3
Een klassieke serif, in de geest van brasserie-uithangborden, uitsluitend voor de koppen — de broodtekst blijft een schreefloze schermletter.
Wat er onder de motorkap zit.
- HTML/CSS
- JavaScript
- Google Analytics
- Vercel
Nul afhankelijkheden
Geen bibliotheek om bij te werken, dus geen lek om over zes maanden te dichten. Voor een restaurantwebsite die niet elke maand wordt onderhouden, is dat de meest verantwoorde keuze.
Eén CSS-bestand, één JS-bestand
Twee verzoeken naast de HTML. De website is compleet voordat een frameworkwebsite klaar is met het parsen van zijn bundle.
Bezoekersmeting met toestemming
Google Analytics wordt pas na uitdrukkelijke toestemming geladen. Zonder toestemming wordt geen enkel script van derden aangeroepen — dat is geen comfortoptie, het is de regel van de CNIL, de Franse privacytoezichthouder.
Hoe de website vindbaar wordt.
“Brasserie Vaise”, “restaurant Lyon 9”
De lokale vindbaarheid richt zich eerst op de wijk en dan op de stad: de concurrentie is er tien keer kleiner en de intentie tien keer sterker.
Gestructureerde openingstijden
openingHoursSpecification in JSON-LD: dat voedt de melding “Open · Sluit om 22:00” die Google toont, en het voorkomt het controletelefoontje.
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.
97/100 zonder extra inspanning achteraf
Een eenvoudige website is makkelijker toegankelijk te maken. Semantische HTML, gecontroleerde contrasten, native toetsenbordnavigatie: niets om achteraf te corrigeren.
Wat er is opgeleverd.
- Home
- De kaart
- Reserveren
- Bereikbaarheid en openingstijden
- Contact
Het verloop van het project.
Afbakening
Drie behoeften vastgesteld, al het andere geschrapt.
Design
Brasserieregister, dynamische openingstijden, kaart in HTML.
Ontwikkeling
HTML/CSS/JS zonder afhankelijkheden, toestemming vóór meting.
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.