Étude de cas · Maquette de refonte

Trois questions de parents, trois réponses dès l'accueil.

Un centre équestre familial en Essonne avait un site de 21 pages où les horaires n'apparaissaient nulle part et l'accès n'existait qu'en image. J'ai proposé une maquette de refonte avant tout engagement.

Maquette réalisée en septembre 2026
accueil
Accueil de la maquette : photo d'une cavalière en saut d'obstacle, panneau « Monter à poney en Essonne » et bloc « L'essentiel en trois réponses »
La maquette sur mobile, avec la barre « Appeler le club » fixée en bas de l'écran
Maquette · coordonnées masquées
6pagesau lieu de 21 sur l'ancien site
19questions posées au clubaucun trou comblé au hasard
1feuille de stylezéro framework, zéro build
4largeurs testéesde 360 à 1 280 px, chaque page
Le contexte

Un parent cherche trois choses. Le site les cachait.

Le public, ce sont des parents de 30 à 45 ans, sur leur téléphone, qui cherchent une activité pour leur enfant. Leurs questions viennent toujours dans le même ordre : combien ça coûte, à partir de quel âge, où et quand. L'action attendue est simple : appeler le club.

Sur l'ancien site, ces réponses étaient éparpillées sur 21 pages, et l'itinéraire pour venir n'existait que dans une image, illisible pour Google comme pour un lecteur d'écran. La maquette sert à décrocher un rendez-vous : elle devait être convaincante sans rien promettre de faux.

Ce qui a changé

L'essentiel en haut de l'accueil, le téléphone à portée de pouce.

21 pages, l'essentiel dispersé6 pages, âge, prix et lieu dès l'accueil
Itinéraire uniquement dans une imageAccès retranscrit en texte, lisible par Google
Numéro à chercher en bas de pageBouton « Appeler le club » fixé sur mobile
Tarifs qui se contredisent d'une page à l'autreContradictions listées et soumises au club
Comment ça marche

De l'ancien site à la maquette.

  1. 1RelevéLes 21 pages de l'ancien site sont recopiées dans un seul document source.
  2. 2TriLe contenu est rangé selon les questions des parents, pas selon l'ancien menu.
  3. 3MaquetteSix pages statiques, une feuille de style, ouvrables par un double-clic.
  4. 4ManquesChaque information absente est signalée dans le code et listée pour le club.
  5. 5Rendez-vousLa maquette et la liste de questions servent de support au premier échange.
À l'écran

Les tarifs lisibles, le club joignable.

tarifs
Page tarifs : forfaits trimestriels par section, du baby poney au cheval, en tableau
Les forfaits par section et par trimestre, enfin comparables.
contact
Page contact : numéro du club en très grand, e-mail, adresse et stationnement (coordonnées masquées)
Le numéro en grand, puis l'adresse et le stationnement.

Le nom du club, ses coordonnées et les prénoms de l'équipe sont remplacés sur ces captures.

Les choix qui comptent

Convaincre sans rien inventer.

Rien d'inventé

Tarifs, âges, horaires, noms : uniquement ce que le club publie déjà. Chaque manque est marqué dans le code et rangé dans une liste de 19 questions, classées entre bloquantes, à trancher et à confirmer.

Le téléphone en un geste

Sur mobile, une barre « Appeler le club » reste en bas de l'écran sur toutes les pages. Le numéro est un vrai lien d'appel, jamais une image.

Une démo qu'on ouvre partout

Pas de serveur, pas d'outil à installer : la maquette s'ouvre par un double-clic, sur l'ordinateur du club comme sur une clé USB. Elle respecte le contraste AA et la réduction des animations.

StackHTML5CSS sans frameworkJavaScript minimalJSON-LDGoogle FontsAccessibilité AAMobile d'abord

Votre site cache l'essentiel ? Je vous montre une maquette.

Parler de mon projet → Voir les formules