Choices International · 2026
Six audiences, un design system et un tunnel de leads qualifiés pour un programme à 55 000 £.
Six landing pages, une par audience, sur un seul design system piloté par des tokens, un qualificateur de leads en trois questions et un suivi complet du clic à la réservation pour une académie de football résidentielle à Londres. En ligne sur Google Ads sept semaines après la signature.
Le défi
Présentation
L'International Academy of Football propose une année résidentielle à Londres qui associe un entraînement de football professionnel à un cursus scolaire britannique. Les tarifs vont de 16 000 £ pour une année de césure à 55 000 £ pour l'Academy Year, le programme phare, vendu à des familles aux États-Unis, au Canada, au Brésil, au Mexique et en Inde.
L'académie avait besoin de landing pages pour le trafic payant destinées à six audiences différentes, et d'un moyen de savoir quelle campagne avait généré chaque demande.
L’approche
Notre rôle
Tout, de la stratégie à la passation : architecture des slugs, design system documenté, six pages en production, qualificateur de leads avant réservation, suivi des conversions GA4 et Google Ads, consent mode, et un package WordPress que l'équipe du client peut gérer sans nous.
Signé le 28 avril 2026. Annonces en ligne le 20 juin 2026.
- 01
Stratégie et architecture des slugs
Une URL par audience pour cinq marchés, la zone géographique passée en paramètre. Pas de clones par pays, pas de dilution du Quality Score.
- 02
Design system 1.0
Tokens, échelle typographique, règles de couleur et matrice de ton rédigés avant la construction de la première page.
- 03
Six pages et un qualificateur
Un HTML autonome par page. Un qualificateur en trois questions classe chaque clic de réservation en lead chaud, tiède ou froid avant Cal.com.
- 04
Suivi et consentement
Événements GA4, deux actions de conversion Google Ads pour Smart Bidding, Enhanced Conversions sur e-mail haché, Consent Mode v2.
- 05
Passation WordPress
Deux plugins installables, un conteneur GTM préconfiguré, 19 runbooks et une passation scriptée de 90 minutes.
Un système, deux habillages
Chaque page s'appuie sur un seul fichier tokens.css, soit environ 143 propriétés personnalisées. Un attribut data-mode change l'habillage : les pages investor (parents, entraîneurs, année de césure) sont en crème, bordeaux et or ; la page player est quasi noire avec un vert citron électrique. Mêmes composants, un seul attribut.
Le système impose des règles strictes : trois couleurs visibles au maximum par écran, contraste de texte AAA, zones tactiles de 44px minimum, et toutes les animations conditionnées à prefers-reduced-motion. Le mobile sert de référence, car la majorité du trafic payant arrive sur téléphone.
Les pages en ligne
Six pages tournent sur le site WordPress de l'académie, chacune au slug fixé par le plan de campagne, afin que les annonces de chaque marché pointent vers la même URL : Academy Year, la page phare pour les parents ; Women’s Academy Year ; le parcours joueur, écrit pour les 14 à 18 ans ; le programme d'année de césure ; le développement des jeunes ; et la page pour les entraîneurs et les académies partenaires. La page de candidature encaisse les frais par carte.
Le pare-feu qui a mangé l'éditeur
L'hébergeur de production utilise un pare-feu applicatif web qui bloque l'enregistrement du HTML des pages depuis n'importe quel éditeur WordPress. Notre première réponse a été un compilateur JSON pour Elementor. Il fonctionnait, jusqu'à ce que nous découvrions que le pare-feu rejetait l'enregistrement de l'éditeur lui-même.
Nous avons donc abandonné le compilateur et livré un plugin qui génère chaque page à partir de son slug. Le client n'enregistre jamais qu'une page vide, un enregistrement que le pare-feu ignore. Moins astucieux, plus durable.
Le travail
Ce que nous avons livré
- Six landing pages en production, plus le tunnel de candidature, la politique de confidentialité et les CGU
- Design system 1.0 avec tokens.css et une matrice de ton documentée
- Qualificateur de leads en trois questions avec routage chaud / tiède / froid
- Plugin de base de leads avec export CSV et alertes pour les leads chauds
- Conteneur GTM, événements GA4, deux actions de conversion Google Ads
- 19 runbooks et une réunion de passation scriptée
Stack
tokens.css
un fichier de design tokens, deux habillages via data-mode
WordPress
deux plugins sur mesure, rendu par slug compatible avec le WAF
GA4 + GTM
événements dataLayer de la vue à la réservation
Google Ads
Smart Bidding sur les vraies réservations Cal.com
Cal.com
réservation d'appel découverte derrière le qualificateur
Playwright + axe
audit automatisé WCAG 2.2 AA et de performance, 7 pages, dont la page de candidature, 3 viewports
Palette
Ink
#0B1020
Claret
#7A263A
Gold
#C8A964
Pitch
#C2F03A
Cream
#FAFAF7
Projets liés
Tous les projets
Nous appliquons la même rigueur à chaque mission.
Réservez un appel stratégique de 30 minutes. Nous regarderons votre enjeu et vous dirons si nous sommes l'équipe qu'il faut.