Compagnie l'Entr'Axes
98 en performance : une compagnie de théâtre n'a pas de budget pour un site lent.
- Année
- 2026
- Conception
- 3 semaines
- Stack
- Next.js · React · Tailwind · TypeScript · Vercel
- Design
- Développement
- SEO local
- Rédaction
- performance Lighthouse
- 98/100
- coût d'hébergement annuel
- 0 €
- année de création de la compagnie
- 2009
Ce qu'il fallait résoudre.
Le contexte
La Compagnie l'Entr'Axes est une troupe de théâtre amateur lyonnaise, dirigée par Agnès Faye depuis 2009 : spectacles, ateliers, répertoire.
La contrainte
Une compagnie amateur n'a ni budget de maintenance, ni webmestre. Le site doit vivre seul pendant des mois, rester à jour sur des dates qui changent, et donner envie de réserver — le tout sans coût récurrent.
La réponse
Rendu statique, hébergement gratuit, contenu dans des fichiers de données lisibles. La programmation porte des dates réelles : les spectacles passés basculent automatiquement dans le répertoire plutôt que de rester affichés comme à venir. Le site ne peut pas devenir périmé sans intervention.
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.
Registre dramatique
Serif à fort contraste, noir profond, rouge rideau. Le théâtre a des codes visuels forts ; les ignorer pour un design générique aurait fait perdre l'identité du lieu.
La programmation en premier
Prochaines dates avant la présentation de la compagnie. Le visiteur d'un site de théâtre veut savoir ce qui se joue et quand ; l'histoire de la troupe l'intéresse ensuite.
Les ateliers comme second pilier
Les ateliers font vivre la compagnie autant que les représentations. Ils ont leur page, avec créneaux, tarifs et inscription — pas une ligne dans la page « à propos ».
Palette du projet
Noir scène
#141013
Fond
Rouge rideau
#A32639
Identité, accents
Ivoire
#F3EEE7
Texte
Or projecteur
#C9A24B
Détails
Système typographique
Titrage
Playfair Display 700
Texte courant
Inter 400
Une didone pour l'affiche, une sans-serif pour la programmation. Les dates sont en chiffres tabulaires pour rester alignées dans le calendrier.
Ce qu'il y a sous le capot.
- Next.js
- React
- Tailwind
- TypeScript
- Vercel
Bascule automatique des dates
Chaque spectacle porte ses dates. Passé la dernière représentation, il quitte la programmation pour rejoindre le répertoire, sans intervention. C'est ce qui permet à un site sans webmestre de rester juste.
98 en performance
Statique, deux polices auto-hébergées, aucune bibliothèque d'animation, images dimensionnées. Le meilleur score de performance du portfolio, sur le budget le plus faible.
Coût de fonctionnement nul
Pas de serveur applicatif, pas de base, hébergement gratuit. Pour une association, la pérennité du site tient d'abord à son coût.
Comment le site se rend trouvable.
Balisage Event daté
Chaque représentation porte un nœud Event avec date, lieu et lien de réservation. C'est ce qui permet l'affichage dans les résultats d'événements.
Requêtes de sortie
« Théâtre amateur Lyon », « spectacle Lyon ce week-end », « atelier théâtre adulte Lyon ». Trois intentions distinctes, trois pages.
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.
Contraste vérifié sur fond noir
94 : le rouge rideau sur noir profond a été remonté pour tenir 4,5:1 sur les textes courants. Les derniers points concernent des éléments décoratifs identifiés.
Ce qui a été livré.
- Accueil
- Programmation
- Répertoire
- Ateliers
- La compagnie
- Réserver
- Contact
Le déroulé du projet.
Contraintes
Aucun budget de maintenance : le site doit se tenir à jour seul.
Design
Registre dramatique, programmation en tête.
Développement
Statique, bascule automatique des dates, hébergement gratuit.
SEO
Balisage Event, trois familles de requêtes.
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.