Billetterie Les Mathu'Loire
La billetterie sur mesure d'une troupe de théâtre
De la réservation en ligne au plan de salle et à la caisse du soir, une billetterie de théâtre réunie dans une seule interface.
Un projet, 2 interfaces
À quoi ça ressemble
L'association théâtrale Les Mathu'Loire remplissait ses 178 places avec un outil de réservation vieillissant, intégré en iframe, ni responsive ni conforme au RGPD. Ce prototype réunit tout le parcours dans une seule interface : réservation en ligne pour le public, plan de salle et caisse pour les bénévoles au guichet, gestion des séances et des tarifs pour l'administrateur.
Une identité visuelle unique
Couleurs
Typographie
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0 1 2 3 4 5 6 7 8 9 & @ # %
Titres qui portent le message
Sous-titres qui structurent
Un texte courant lisible sur tous les écrans, avec des interlignes généreux.
Construit avec des technologies qui durent
Les technos les plus utilisées au monde, qui font tourner Airbnb et Netflix.
Next.js
React
TypeScript
Tailwind CSSLe projet écran par écran
Des enjeux concrets, des réponses concrètes
Des enjeux concrets, des réponses concrètes
Les choix qui comptent
Trois décisions de conception prises sur ce projet, et pourquoi.
Plan de salle interactif 178 places
Plan de salle interactif 178 places
Les 178 fauteuils de la salle sont dessinés à l'écran, chaque place colorée selon son statut : libre, réservée, validée ou bloquée.
Un clic sur un siège ouvre la réservation liée ou permet de bloquer une place hors service. Le remplissage se lit d'un coup d'œil.
Réservation confirmée en quelques clics
Réservation confirmée en quelques clics
Le parcours guide le spectateur étape par étape avec le total affiché en temps réel, sans création de compte.
À la fin, il choisit de payer en ligne (place confirmée aussitôt) ou sur place le soir du spectacle.
Une caisse pensée pour le soir de représentation
Une caisse pensée pour le soir de représentation
L'encaissement ventile chaque règlement en espèces, CB et chèque et met à jour la feuille de caisse en direct.
Le contrôle d'écart compare le fond de caisse attendu aux espèces réelles, prêt pour la clôture.
Rapide, mesuré, prouvé
La vitesse n’est pas une promesse : elle se mesure.
Chargement immédiat
Le contenu essentiel s’affiche en une fraction de seconde : rendu côté serveur, HTML léger, JavaScript réduit au strict nécessaire.
Images optimisées
Formats modernes (WebP/AVIF), dimensions adaptées à l’écran et chargement différé hors de l’écran : aucun octet gaspillé.
Stabilité visuelle
Pas de saut de mise en page pendant le chargement : les tailles sont réservées à l’avance, l’interface reste calme sous les yeux.
Une sécurité qui ne dort jamais
Ce qui tourne en arrière-plan pour que votre projet reste debout, quoi qu’il arrive.
Sauvegardes quotidiennes sur serveur distant
Procédure de reprise testée mensuellement
Monitoring automatique toutes les 5 min du service, alerte auto si service down
Chiffrement SSL
Isolation des environnements de développement
5 étapes pour concrétiser votre projet
Cadrage
On tient un cabinet d’ostéopathie. L’idée : que nos patients réservent en ligne, sans appeler.
Reçu ! On vous prépare un prototype sous 3j
Vous décrivez votre projet
Un cahier des charges si vous en avez un, quelques paragraphes libres sinon.
Vous avez lu jusqu’ici ? Continuons ensemble.
Avant de signer, on vous offre sous 3j un prototype de votre projet.
Sans engagement
