Culture & Spectacle

Art Scénic

Le cours d'essai gratuit était l'offre : tout le site a été construit pour y mener.

Année
2026
Conception
3 semaines
Stack
React · Vite · Tailwind · Framer Motion · Vercel
  • Design
  • Développement
  • Tunnel de conversion
  • SEO local

Version de démonstration mise en ligne par Kayzen Web sur une adresse Vercel ; le domaine définitif appartient au client.

https://velvet-stage-arts-main.vercel.app/
Page d'accueil du site Art Scénic — Culture & Spectacle, réalisé par Kayzen Web
performance Lighthouse
97/100
appel à l'action unique
1
champs pour réserver un essai
4
Le point de départ

Ce qu'il fallait résoudre.

Le contexte

L'Art-Scénic est une compagnie de théâtre d'Écully, fondée par Anne Kravz-Tarnavsky, qui propose des spectacles et des ateliers pour enfants et adultes.

La contrainte

Les inscriptions aux ateliers se jouent sur trois semaines en septembre. Le reste de l'année, le site doit entretenir la notoriété. Le vrai déclencheur d'inscription n'est ni le tarif ni le programme : c'est l'essai, qui lève l'appréhension de monter sur scène.

La réponse

Le cours d'essai gratuit devient l'action unique du site. Tout y mène : la page d'accueil, chaque page d'atelier, la galerie. Le formulaire est court et le créneau proposé directement. La programmation des spectacles reste présente, mais en second plan.

Mesuré, pas déclaré

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.

PageSpeed
97
Performance : 97 sur 100
96
Accessibilité : 96 sur 100
92
Bonnes pratiques : 92 sur 100
100
Référencement : 100 sur 100
Design & direction artistique

Chaque parti pris, et sa raison.

  1. Une action, partout

    « Réserver un cours d'essai gratuit » est le seul appel à l'action du site. Multiplier les boutons concurrents divise l'attention et le taux de conversion avec elle.

  2. Ateliers séparés enfants et adultes

    Deux publics, deux appréhensions, deux argumentaires. Un parent inscrit son enfant ; un adulte s'inscrit lui-même — la seconde décision est bien plus difficile et demande d'autres mots.

  3. Galerie qui montre des amateurs

    Les photos montrent les élèves en atelier, pas des comédiens professionnels. C'est la projection possible qui déclenche l'inscription.

Palette du projet

  • Velours

    #5B2233

    Identité

  • Sable

    #F4EDE3

    Fond

  • Encre

    #1E1A1B

    Texte

  • Laiton

    #B08D4A

    Accents

Système typographique

Titrage

Cormorant Garamond 600

Texte courant

Inter 400

Registre théâtral sans emphase : la compagnie s'adresse à des amateurs, pas à des critiques.

Ingénierie

Ce qu'il y a sous le capot.

  • React
  • Vite
  • Tailwind
  • Framer Motion
  • Vercel
  1. 97 en performance avec des animations

    Framer Motion n'est chargé que sur les pages qui animent, et toutes les animations sont désactivées si l'utilisateur a demandé un mouvement réduit.

  2. Formulaire d'essai minimal

    Prénom, contact, créneau souhaité, atelier. Quatre champs : demander l'âge, le niveau et les motivations aurait transformé une inscription en dossier.

Référencement

Comment le site se rend trouvable.

  1. « Cours de théâtre Écully », « atelier théâtre enfant ouest lyonnais »

    Requêtes de proximité, avec un pic très marqué en août-septembre. Les pages sont prêtes bien avant la saison.

  2. Balisage Course et Event

    Les ateliers sont des Course avec calendrier ; les spectacles des Event datés. Deux types différents pour deux réalités différentes.

Arborescence

Ce qui a été livré.

  • Accueil — cours d'essai
  • Ateliers enfants
  • Ateliers adultes
  • Spectacles
  • Galerie
  • La compagnie
  • Réserver un essai
Méthode

Le déroulé du projet.

  1. Analyse

    Le cours d'essai identifié comme déclencheur unique.

  2. Design

    Action unique, deux publics d'atelier, galerie d'amateurs.

  3. Développement

    Animations conditionnelles, formulaire à quatre champs.

  4. SEO

    Requêtes de proximité, balisage Course et Event.

Questions

Ce qu'on nous demande souvent.

C'est au contraire ce qui fait fonctionner le site. Quand toutes les pages mènent au même geste, chaque visite a une chance de convertir. Trois boutons concurrents produisent trois hésitations.

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.

Partager