Client · site en ligne

Update

Site vitrine + réservation en ligne + back-office · Audincourt

Update est un salon de coiffure et barbier tenu par Saïd et Ouissem, avenue Aristide Briand à Audincourt. Le site présente les prestations et leurs tarifs, l’équipe, les horaires et l’accès, et prend les rendez-vous en ligne 24 h/24 sans paiement : le règlement se fait sur place. Derrière, un back-office sur mesure permet au salon de gérer son planning, ses disponibilités, ses congés et ses clients fidèles.

updatesalon.fr
En ligne
Page d’accueil du site updatesalon.fr : salon de coiffure et barbier Update à Audincourt
Page d’accueil de updatesalon.fr sur ordinateur
Page d’accueil de updatesalon.fr sur téléphone : photo du salon, boutons « Réserver en ligne » et « Découvrir le salon »
Page d’accueil de updatesalon.fr sur téléphone

Captures de la page d’accueil de updatesalon.fr, sur ordinateur et sur téléphone.

01

Le client

Activité
Coiffure & barbier
Ville
Audincourt
Zone
Pays de Montbéliard
Site en ligne
updatesalon.fr 
02

Ce que nous avons livré

  1. Design sur mesure : site, écrans du back-office et e-mails dessinés pour le salon (aucun thème)
  2. Site une page à sections ancrées (accueil, tarifs, réservation, accès, équipe) + mentions légales et politique de confidentialité
  3. Moteur de réservation en ligne développé sur mesure : calcul des créneaux libres selon les horaires, congés et blocages de chaque coiffeur, double réservation bloquée en base
  4. Compte client facultatif (inscription, connexion, mot de passe oublié) et espace « Mes rendez-vous » pour déplacer ou annuler
  5. Page de suivi de rendez-vous par lien reçu par e-mail : déplacer, annuler, régler l’alerte « créneau plus tôt »
  6. Back-office du salon, pensé pour le téléphone, en 9 onglets : Planning, Agenda, Suivi, Disponibilités, Congés & blocages, Prestations, Équipe, Fidèles, Réglages
  7. Rendez-vous récurrents pour les clients fidèles, créés automatiquement chaque jour
  8. E-mails automatiques : confirmation (avec fichier agenda .ics), annulation, rappel la veille, bienvenue, créneau plus tôt, réinitialisation du mot de passe
  9. Référencement local : données structurées HairSalon, sitemap, balises title/description et Open Graph
  10. Mise en ligne et exploitation : hébergement, HTTPS, sauvegarde chiffrée quotidienne de la base, alertes en cas d’échec des tâches planifiées
03 · Fiche technique

Spécifications

Relevées le 28 septembre 2026 sur le site en ligne et dans son code source.

Spécifications du site Update
Type de projet

Site vitrine + réservation en ligne + back-office

Pages

3 pages indexables + espace client, suivi de rendez-vous et back-office

Sitemap du site : l’accueil (page unique à sections ancrées), les mentions légales et la politique de confidentialité. L’espace client, les pages de suivi de rendez-vous et le back-office sont volontairement exclus de l’index (relevé du 28 septembre 2026).

Fonctionnalités
  • Réservation en trois étapes : prestation, coiffeur (ou « Sans préférence »), puis date et créneau dans un calendrier mensuel
  • Jours fermés ou déjà complets grisés dans le calendrier ; créneaux présentés matin / après-midi
  • Seconde prestation facultative à la suite, dans le même rendez-vous
  • Option « M’avertir si un créneau plus tôt se libère »
  • Aucun compte requis ni paiement en ligne : règlement sur place
  • Tarifs et durées affichés pour chaque prestation, avec les coiffeurs qui la réalisent
  • Boutons « Réserver avec Saïd » et « Réserver avec Ouissem » qui présélectionnent le coiffeur
  • Badge « Ouvert maintenant / Fermé actuellement » calculé à partir des horaires du salon
  • Horaires, adresse, téléphone cliquable, plan du quartier servi par le site et lien d’itinéraire
  • Espace client « Mes rendez-vous » (connexion par e-mail et mot de passe)
  • Aucun cookie de suivi : pas de bandeau de consentement
Technologies
Front
Astro 7 en rendu serveur (SSR, Node) + îlots React 19, Tailwind CSS 4, TypeScript
Back
API Symfony 7.4 (PHP 8.3), architecture hexagonale + CQRS (Symfony Messenger)
Base de données
PostgreSQL 16, contrainte d’exclusion contre les rendez-vous qui se chevauchent
Temps réel
Mercure : l’agenda du back-office se met à jour en direct
Authentification
E-mail + mot de passe, jetons JWT et cookies HttpOnly
E-mails
Symfony Mailer via le relais SMTP Brevo, envoi asynchrone ; SPF, DKIM et DMARC en place
Qualité
PHPStan niveau 9, tests PHPUnit, Vitest et Playwright
Référencement
  • sitemap.xml : 3 URL (accueil, mentions légales, politique de confidentialité), déclaré dans robots.txt qui exclut /admin et /api/
  • Données structurées JSON-LD : HairSalon (adresse, téléphone, horaires d’ouverture, catalogue de 4 prestations avec prix TTC, coiffeurs, action de réservation), WebSite, WebPage
  • Title et meta description uniques sur chaque page ; accueil : « Update — Salon de coiffure & barbier à Audincourt »
  • Balise canonical sur chaque page, Open Graph + Twitter card avec image 1200 × 630, balises geo (FR-25, Audincourt)
  • Pages privées (connexion, mon compte, back-office, mot de passe) en noindex, nofollow
  • Un seul H1 sur l’accueil ; images avec texte alternatif ; photo du salon en WebP responsive (srcset), chargée en priorité
  • HTTPS obligatoire : http:// et www redirigent en 301/308 vers https://updatesalon.fr ; HSTS 1 an avec includeSubDomains et preload
  • En-têtes de sécurité : Content-Security-Policy stricte (aucune ressource tierce), X-Frame-Options DENY, nosniff, Referrer-Policy, Permissions-Policy
  • Polices auto-hébergées et préchargées, aucun script ni traceur tiers
  • Page 404 dédiée (vrai code HTTP 404)
Hébergement
Hébergement
Serveur dédié OVH, 6 conteneurs Docker Compose, Caddy en frontal (HTTPS Let’s Encrypt, HTTP/2 et HTTP/3)
Tâches planifiées
Timers systemd : rappels de la veille, rendez-vous récurrents, sauvegarde chiffrée quotidienne, purge des données anciennes, surveillance des e-mails en échec
Performancesmesurées le 28 septembre 2026
Lighthouse 12.8.2 · . Page d’accueil, meilleure de deux passes. Une mesure datée : les scores varient d’un passage à l’autre.
MesureMobileOrdinateur
Performancescore sur 100 99 100
Accessibilitéscore sur 100 95 95
Bonnes pratiquesscore sur 100 93 93
SEOscore sur 100 100 100
LCPaffichage du plus grand élément 2,0 s 0,4 s
CLSstabilité de la mise en page 0 0
— Parlons

Dites-nous
en une phrase.

3 phrases. Cliquez sur celle qui vous correspond. Vous recevez une réponse sous 24 h.