Acte 2 Théâtre
Cinq activités dans une seule salle : l'architecture de l'information était tout le projet.
- Année
- 2026
- Conception
- 4 semaines
- Stack
- Next.js · React · Tailwind · Vercel
- Architecture de l'information
- Design
- Développement
- Billetterie
- SEO
Version de démonstration mise en ligne par Kayzen Web sur une adresse Vercel ; le domaine définitif appartient au client.
- publics, cinq parcours
- 5
- performance Lighthouse
- 91/100
- SEO Lighthouse
- 100/100
Ce qu'il fallait résoudre.
Le contexte
Acte 2 Théâtre est un théâtre de proximité de Vaise, Lyon 9. La salle accueille des spectacles jeune public, du théâtre adulte, des séances scolaires, des ateliers, et se loue à des tiers.
La contrainte
Cinq activités, cinq publics : familles, spectateurs adultes, enseignants, élèves d'atelier, organisateurs. Chacun cherche une information différente, et un site organisé par ordre chronologique les perd tous.
La réponse
Organiser par public plutôt que par calendrier. Chaque activité a son entrée, son vocabulaire et son parcours de réservation. Le calendrier existe, mais comme vue transversale — pas comme structure principale.
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.
Entrée par public
Familles, adultes, scolaires, ateliers, location. Le visiteur se reconnaît en un coup d'œil ; un calendrier mêlant les cinq l'obligerait à trier.
Le scolaire traité sérieusement
Les enseignants cherchent un dossier pédagogique, des niveaux, une durée, un tarif de groupe. Ces informations ont leur page dédiée ; ailleurs, elles auraient encombré le grand public.
La location de salle comme offre
Capacité, équipement technique, tarifs, disponibilités. C'est une source de revenu régulière, presque toujours reléguée en bas d'une page contact.
Palette du projet
Bleu nuit
#1C2A45
Identité
Corail
#D65A4A
Jeune public
Crème
#F6F2EA
Fond
Encre
#1B1D22
Texte
Système typographique
Titrage
Outfit 700
Texte courant
Inter 400
Volontairement contemporain et non « théâtral » : la salle accueille surtout du jeune public, un registre trop solennel aurait éloigné les familles.
Ce qu'il y a sous le capot.
- Next.js
- React
- Tailwind
- Vercel
Billetterie déléguée, chargée à la demande
Le module de billetterie n'est chargé qu'au clic. Un widget tiers présent sur toutes les pages aurait pesé sur l'ensemble du site pour une action ponctuelle.
Programmation typée
Spectacles, dates, publics, tarifs et durées dans un fichier de données commun. Les cinq entrées et le calendrier transversal en découlent tous.
Comment le site se rend trouvable.
Une famille de requêtes par public
« Spectacle enfant Lyon », « théâtre Vaise », « sortie scolaire théâtre Lyon », « location salle spectacle Lyon 9 ». Aucune n'aurait pu être servie par une page unique.
Balisage Event et Place
Chaque représentation est un Event rattaché à un nœud Place qui décrit la salle, sa capacité et son accès.
Ce qui a été livré.
- Accueil — cinq entrées
- Jeune public
- Théâtre adulte
- Séances scolaires
- Ateliers
- Louer la salle
- Calendrier (vue transversale)
Le déroulé du projet.
Architecture
Cinq publics identifiés, structure par public plutôt que par date.
Design
Entrées distinctes, registre familial.
Développement
Programmation typée, billetterie différée.
SEO
Une famille de requêtes par public.
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.