Cultuur & Theater

Compagnie l'Entr'Axes

98 op performance: een theatergezelschap heeft geen budget voor een trage site.

Jaar
2026
Ontwerp
3 weken
Stack
Next.js · React · Tailwind · TypeScript · Vercel
  • Design
  • Ontwikkeling
  • Lokale SEO
  • Copywriting
Site opgeleverd — livegang op het domein van het gezelschap volgt
Homepage van de website Compagnie l'Entr'Axes — Cultuur & Theater, gemaakt door Kayzen Web
Lighthouse-performance
98/100
jaarlijkse hostingkosten
€ 0
oprichtingsjaar van het gezelschap
2009
Het uitgangspunt

Wat er opgelost moest worden.

De context

La Compagnie l'Entr'Axes is een amateurtheatergezelschap uit Lyon, sinds 2009 geleid door Agnès Faye: voorstellingen, workshops, repertoire.

De beperking

Een amateurgezelschap heeft geen onderhoudsbudget en geen webmaster. De website moet maandenlang op zichzelf draaien, up-to-date blijven met data die veranderen, en zin geven om te reserveren — en dat alles zonder terugkerende kosten.

Het antwoord

Statische rendering, gratis hosting, inhoud in leesbare databestanden. Het programma werkt met echte data: voorbije voorstellingen verhuizen automatisch naar het repertoire in plaats van als komend te blijven staan. De website kan niet verouderen zonder dat iemand ingrijpt.

Gemeten, niet beweerd

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.

PageSpeed
98
Performance: 98 van de 100
94
Toegankelijkheid: 94 van de 100
100
Best practices: 100 van de 100
100
Vindbaarheid: 100 van de 100
Design & art direction

Elke keuze, en de reden erachter.

  1. Een dramatisch register

    Serif met sterk contrast, diep zwart, doekrood. Theater heeft sterke visuele codes; ze negeren voor een generiek design had de identiteit van het gezelschap doen verloren gaan.

  2. Het programma eerst

    De volgende data vóór de voorstelling van het gezelschap. De bezoeker van een theaterwebsite wil weten wat er speelt en wanneer; de geschiedenis van de groep interesseert hem daarna.

  3. De workshops als tweede pijler

    De workshops houden het gezelschap evenzeer in leven als de voorstellingen. Ze hebben een eigen pagina, met tijdsloten, tarieven en inschrijving — geen regel op de pagina “over ons”.

Kleurenpalet van het project

  • Toneelzwart

    #141013

    Achtergrond

  • Doekrood

    #A32639

    Identiteit, accenten

  • Ivoor

    #F3EEE7

    Tekst

  • Spotgoud

    #C9A24B

    Details

Typografisch systeem

Koppen

Playfair Display 700

Lopende tekst

Inter 400

Een didone voor de affiche, een schreefloze letter voor het programma. De data staan in tabulaire cijfers, zodat ze in de kalender uitgelijnd blijven.

Engineering

Wat er onder de motorkap zit.

  • Next.js
  • React
  • Tailwind
  • TypeScript
  • Vercel
  1. Data die automatisch omschakelen

    Elke voorstelling draagt haar data. Na de laatste voorstelling verlaat ze het programma en gaat ze naar het repertoire, zonder ingreep. Zo blijft een website zonder webmaster correct.

  2. 98 op performance

    Statisch, twee zelf gehoste lettertypen, geen animatiebibliotheek, gedimensioneerde afbeeldingen. De beste performancescore van het portfolio, met het kleinste budget.

  3. Nul werkingskosten

    Geen applicatieserver, geen database, gratis hosting. Voor een vereniging hangt het voortbestaan van de website in de eerste plaats af van de kosten.

Vindbaarheid

Hoe de website vindbaar wordt.

  1. Gedateerde Event-markering

    Elke voorstelling heeft een Event-knooppunt met datum, locatie en reserveringslink. Dat maakt de weergave in de evenementenresultaten mogelijk.

  2. Zoekopdrachten om uit te gaan

    “Théâtre amateur Lyon”, “spectacle Lyon ce week-end”, “atelier théâtre adulte Lyon”. Drie verschillende intenties, drie pagina's.

Toegankelijkheid

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.

  1. Contrast gecontroleerd op een zwarte achtergrond

    94: het doekrood op diep zwart is opgetrokken om 4,5:1 te halen voor de lopende tekst. De laatste punten betreffen geïdentificeerde decoratieve elementen.

Sitestructuur

Wat er is opgeleverd.

  • Home
  • Programma
  • Repertoire
  • Workshops
  • Het gezelschap
  • Reserveren
  • Contact
Werkwijze

Het verloop van het project.

  1. Beperkingen

    Geen onderhoudsbudget: de website moet zichzelf up-to-date houden.

  2. Design

    Dramatisch register, programma bovenaan.

  3. Ontwikkeling

    Statisch, data die automatisch omschakelen, gratis hosting.

  4. SEO

    Event-markering, drie families van zoekopdrachten.

Vragen

Wat ons vaak gevraagd wordt.

Door veroudering onmogelijk te maken in plaats van op waakzaamheid te rekenen. Data die één keer zijn ingevoerd, laten de voorstellingen vanzelf van de kalender naar het repertoire gaan. Het enige resterende werk is het volgende seizoen toevoegen.

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.

Delen