Recommandations · 10 novembre 2026

Le nouveau Foot.fr

Ce que montrent les maquettes, ce qu'on a vérifié sur le site actuel, le tunnel de commande recommandé et la façon de passer en statique sans casser PrestaShop.

En bref

• Trois pages navigables : l’accueil, la catégorie chaussures et la fiche Mercurial Vapor 17 Elite FG, plus le tunnel de commande. Les produits, prix, photos, tailles, magasins et frais de port sont ceux de foot.fr au 10/11/2026 (index Algolia public et pages du site).
• Le premier gain n’est pas le design, c’est le tunnel. Depuis la coupure de la commande sans compte le 27/01/2026, la finalisation mobile est passée de 38,2 % à 32,5 % (même fenêtre 01/09-05/10, 2025 contre 2026). Rétablir l’invité, avancer Apple Pay et PayPal, afficher les dates et les frais : estimation prudente +12 à +25 % de conversion mobile, soit +0,28 à +0,57 M€ HT par an.
• Le statique est faisable sans toucher au moteur : Hugo sert les pages catalogue sur le même domaine, PrestaShop garde le panier, le compte et la commande. L’ajout au panier marche depuis une page statique dès qu’elle est servie sur www.foot.fr. Il faut une règle sur le proxy de Waays, comme pour le blog.
• Plusieurs corrections valent avant toute refonte, et la plupart coûtent une journée : réactiver l’invité, corriger les 8,90 € de port ajoutés sans ligne visible au panier, harmoniser les promesses de livraison, afficher la vraie note Avis Vérifiés, retirer de l’index Algolia public le stock et les ventes.

Ce qu’on a aujourd’hui

Audit du 10/11/2026 en visiteur non connecté, lecture du code PrestaShop et de la conf Waays, index Algolia. Détail dans les rapports de recherche (research/01 et 02).

Ce qui marche et qu’on garde. La recherche Algolia est rapide et propose produits, prix barrés et rayons. Le sélecteur de pointure en pastilles, avec les ruptures grisées et l’alerte de retour en stock, se lit d’un coup d’œil. La date « Chez vous le jeudi 12 novembre » sur la fiche est exactement ce que recommandent les études. Les photos produit sont nombreuses et belles (12 vues sur la Vapor 17). Apple Pay via PayPlug porte déjà 29 % des commandes.

Ce qui coince, par ordre d’impact sur le mobile (83 % des utilisateurs, conversion 1,10 % contre 1,89 % sur ordinateur) :

1. Pas de commande sans compte. Le mot de passe est obligatoire, et les modes de livraison et leurs prix n’apparaissent qu’après la création du compte.
2. Des frais de port qui surprennent. Un article à 143,99 € donne un total de 152,89 € au panier : 8,90 € de port ajoutés sans ligne « Livraison », alors que le site promet la gratuité dès 80 €. La cause est à trouver dans le back-office.
3. Quatre versions des promesses de livraison selon la page : seuil de l’express offert à 200 € ou 120 €, heure limite à 13 h, 16 h ou 17 h 30, port sous 80 € à 4,90 €, 7,90 € ou 8,90 €.
4. Une fiche produit qui fait deviner. 2 % des chaussures ont une description, aucun lien vers le guide des tailles, une pointure présélectionnée par défaut, et le bouton d’ajout arrive vers 1 130 px, sous la ligne de flottaison d’un iPhone. Comme les retours sont à la charge du client et sans échange, une erreur de taille coûte cher au client comme à nous.
5. Une catégorie difficile à filtrer. Pas de filtre par gamme (Mercurial, Phantom, Predator…), une pointure à 59 valeurs qui mélange demis et tiers, tri limité à pertinence et prix, aucune taille sur les cartes.
6. Aucune promesse en haut de page. Sur mobile, livraison et retours apparaissent au 6e écran de l’accueil.
7. Une note affichée qui n’est pas la vraie. Le site écrit « 9,6/10 » partout ; Avis Vérifiés donne 4,5/5 (1 371 avis sur 12 mois, 20 570 au total). La maquette affiche la note réelle.

À corriger côté données. L’index Algolia public renvoie à n’importe quel visiteur le stock exact et les volumes de vente de chaque produit, ainsi que des champs de marge et de chiffre d’affaires (à zéro aujourd’hui). Il suffit de restreindre les attributs renvoyés. Autre point : sur 12 fiches contrôlées, les 12 affichent dans Algolia au moins une taille déjà épuisée sur le site, parce que rien ne relance l’indexation quand Odoo met à jour le stock. On a aussi trouvé une Vapor 17 Pro Turf étiquetée « Elite » dans les caractéristiques.

Ce que font les meilleurs spécialistes

Relevé le 10/11/2026 sur Pro:Direct, Unisport, 11teamsports, Fútbol Emotion, Footkorner, Soccer.com, Lovell, Intersport et Decathlon (détail dans research/03). La commande sans compte est possible chez Pro:Direct, Unisport et Footkorner ; Intersport, Decathlon et Fútbol Emotion imposent un compte d’après leurs pages d’aide.

Les meilleures idées, et ce que la maquette en fait :

À ne pas reproduire : les pop-ups empilées à l’arrivée, la traduction automatique (Pro:Direct, passé sur Shopify, affiche « Bottes pour adultes »), les erreurs de gabarit visibles (Footkorner, Lovell), et la dérive en déstockeur sans conseil.

Les maquettes : les choix de design

Le benchmark (Pro:Direct, Unisport, 11teamsports, Fútbol Emotion, Footkorner, Nike, adidas, Puma, JD, Foot Locker, Courir, SNS, Zalando, Decathlon, On) converge sur un style sobre, et c’est ce qu’on a retenu : le produit fait le spectacle, l’interface se tait.

• Une seule famille de caractères, Archivo à largeur variable : condensée et en capitales pour les titres, normale pour le texte. Elle donne une voix « sport » sans police propriétaire et ne pèse que 90 Ko.
• Les couleurs de la marque : noir #111 pour l’en-tête et les boutons, le bleu Foot.fr #1DBBFF en accent (bandeau de promesses, pastilles). Comme ce bleu n’est pas lisible en texte sur blanc, les liens bleus passent en #0070A6. Les promos sont en rouge, sans clignoter.
• Photos sur un gris uniforme, sans ombre ni dégradé. Les packshots fournisseurs sur fond blanc se fondent dans le gris, ce qui donne une grille propre sans retouche.
• Le football d’abord : on entre par la surface de jeu (FG, AG, SG, TF, IC, avec un pictogramme de semelle), puis par la gamme, puis par le niveau Elite, Pro ou Academy. C’est ce que font Nike et adidas sur leurs propres sites, et c’est absent de foot.fr aujourd’hui.

Ce qu’on a volontairement écarté : vidéo en tête de fiche, bulles d’assistant, carrousels dans les cartes, étoiles sur les cartes (15 % seulement des chaussures ont une note), plus de deux éléments collants à l’écran.

Accueil

En haut, un bandeau de promesses vraies (point retrait offert dès 80 €, 30 jours pour retourner, 4 fois sans frais, note réelle). La recherche est toujours visible, car c’est la deuxième page la plus vue du site (11,6 % des pages vues). Sous la une, le sélecteur « Quel terrain ce week-end ? », puis les sorties, les gammes, les remises Black November, les maillots 2026/27 et les 8 magasins avec leurs horaires. La recherche de la maquette interroge en direct l’index Algolia de foot.fr.

Catégorie chaussures

Puces de surface en haut, barre « Filtres / Trier » collante, filtres par pointure (en premier et ouverts), surface, marque, niveau, gamme, prix, âge et promotion. Chaque valeur affiche son nombre de produits et les filtres actifs restent visibles en puces. Une tuile guide « FG, AG, SG : quelle semelle ? » s’insère dans la grille. On charge par « Voir plus » plutôt que par pages numérotées. La maquette charge 56 modèles réels sur les 678 en stock ; en production, filtres et suite de la liste viendraient d’Algolia.

Fiche produit

Sur une seule fiche, on choisit le coloris, la version (Elite 280 €, Pro dès 96 €, Academy dès 53,99 €) et la semelle : les 31 déclinaisons adultes de la Vapor 17 en stock sont reliées. Pas de pointure présélectionnée, guide des tailles à côté, tailles épuisées hachurées et cliquables pour une alerte. Sous le bouton : la date de livraison calculée à la minute (heure limite et jours fériés compris), le prix du point retrait, les conditions de retour réelles et l’accès au stock des magasins. Un comparatif Elite, Pro, Academy et les accessoires utiles (protège-tibias, chaussettes antidérapantes) complètent la page. Sur mobile, une barre d’achat apparaît quand le bouton principal sort de l’écran.

Deux éléments de la fiche sont des exemples à alimenter : la description (format court, à rédiger pour chaque modèle) et le stock par magasin (à brancher sur Odoo).

Le tunnel de commande recommandé

Principe : une décision par écran, le prix et la date toujours visibles, aucun compte avant le paiement. C’est ce que fait la maquette du tunnel.

Panier. Paiement express Apple Pay et PayPal tout en haut, barre de progression vers la livraison offerte (80 € en point retrait, 200 € pour l’express), code promo replié, sous-total clair.

1. E-mail. Un seul champ, avec la phrase « Pas besoin de créer un compte ». L’e-mail est gardé dès cette étape pour la relance de panier abandonné. Si l’adresse correspond à un client, on propose un code de connexion par e-mail, sans jamais bloquer : « continuer sans me connecter » reste possible.

2. Livraison. Le mode d’abord, l’adresse ensuite, parce qu’en point retrait on n’a pas besoin de l’adresse du client. Ordre proposé : point retrait Colissimo (présélectionné, offert dès 80 €), Chronopost Relais, retrait en magasin quand il existera, Colissimo à domicile, Chronopost Express. Chaque mode affiche une date, pas un délai. En relais, une liste des points les plus proches, la carte en option. Champs : prénom, nom, téléphone mobile (expliqué : « pour le SMS du transporteur »), plus l’adresse en saisie automatique pour le domicile. Cinq champs en relais, six ou sept à domicile.

3. Paiement. Apple Pay, carte bancaire (champs PayPlug intégrés), PayPal, PayPal 4 fois (de 30 à 2 000 €, déjà inclus dans le tarif PayPal), Bancontact pour les adresses belges, virement en dernier. Bouton « Payer 280,00 € ».

4. Confirmation : c’est là qu’on propose le compte. E-mail et adresse sont déjà connus, il ne manque qu’un mot de passe, ou un lien de connexion par e-mail. PrestaShop sait transformer un client invité en client avec compte à cette étape.

Gains estimés

Base : environ 21 000 commandes mobiles par an et un panier d’environ 110 € HT. Les leviers se recouvrent, le total est donc réduit.

Le retrait en magasin et la vitesse viendraient en plus, sans chiffrage possible tant qu’on n’a pas mesuré les temps de chargement réels (CrUX).

Trois précautions. Il faut d’abord savoir pourquoi l’invité a été coupé le 27/01 avant de le rallumer. Les recommandations européennes sur la protection des données (CEPD 2/2025) posent que l’achat doit en principe être possible sans compte : c’est aussi un sujet de conformité. Et la directive crédit à la consommation (CCD2) s’applique le 20/11/2026 au paiement fractionné : à vérifier avec PayPal et PayPlug avant de mettre le 4 fois en avant.

Passer en statique sans casser PrestaShop

Ce qui devient statique (Hugo sur Cloudflare Pages) : l’accueil, les catégories (première page), les fiches produit, les marques, les guides et les pages d’opération. Le build lit Algolia et le webservice PrestaShop en lecture seule, toutes les heures et à la demande.

Ce qui reste dynamique dans la page : les tailles en stock et le prix sur la fiche, l’ajout au panier (POST /panier, même domaine, rien à développer côté PrestaShop), le compteur du panier, la date de livraison, les filtres, le tri et la recherche (Algolia), le marquage GA4 view_item et add_to_cart.

Ce qui reste PrestaShop, restylé aux couleurs du nouveau front : panier, commande, connexion, compte, magasins, contact, modules, images produit, sitemap, redirections. PrestaShop n’a pas d’API de commande utilisable depuis une page externe, et son tunnel dépend de jQuery (points relais, PayPlug, PayPal) : on le restyle, on ne le remplace pas.

Le routage. Cloudflare n’est pas devant foot.fr aujourd’hui : le domaine passe par le proxy HAProxy de Waays, qui envoie déjà /blog/ vers WordPress. On y ajoute une règle vers Cloudflare Pages avec la liste exacte des URL publiées par Hugo, régénérée à chaque build. Tout le reste continue d’aller vers PrestaShop, ce qui préserve les redirections des produits désactivés. Mettre Cloudflare devant tout le domaine serait une seconde étape.

Les contraintes à respecter :

• Les URL ne bougent pas : produits en /nike/vapor-17-elite-fg-t-35673.html, catégories en /chaussures-253. Cloudflare Pages retire le « .html » des adresses : il faudra le neutraliser (Worker ou configuration), sinon chaque fiche change d’URL. La maquette utilise des adresses sans « .html » pour cette raison.
• Le stock affiché doit être juste. Tant qu’Algolia n’est pas réindexé à chaque mouvement de stock, la fiche doit vérifier les tailles en direct (petit module PrestaShop footfrfront, avec un cache d’une minute).
• Un seul jeu de styles pour Hugo et le thème PrestaShop, sinon on maintient deux designs.
• Les prix par groupe client (environ -30 % pour certains comptes) ne s’affichent pas sur une page statique : le panier, lui, calcule toujours le bon prix.
• Le consentement et GTM doivent être identiques sur les deux parties du site.

Par où commencer

Avant Noël, sur le site actuel (aucune refonte nécessaire) :

1. Réactiver la commande sans compte, avec « Continuer sans compte » et la création de compte à la confirmation. Mesurer la finalisation mobile avant et après, en tenant compte du Black Friday.
2. Corriger les 8,90 € de port ajoutés sans ligne au panier, et écrire une seule grille de livraison sur toutes les pages.
3. Remplacer « 9,6/10 » par la note réelle Avis Vérifiés.
4. Ne plus présélectionner de pointure, ajouter le lien vers le guide des tailles.
5. Restreindre les attributs publics de l’index Algolia (stock, ventes, marge).
6. Afficher PayPal 4 fois sur la fiche et le panier, et les boutons express en haut du panier.

Au premier trimestre 2027 : réindexation Algolia à chaque mouvement de stock, filtres par gamme et pointures regroupées, sélecteur de livraison refait (mode d’abord, dates, liste de points), restyle du tunnel et de l’espace client, module footfrfront.

Ensuite, la bascule en statique, page par page : les pages éditoriales et d’opération d’abord, puis l’accueil, puis les catégories, enfin les fiches produit, qui portent le plus de risque pour le référencement et la conversion. À chaque étape on compare temps de chargement, conversion et positions Google.

Questions à trancher

Avec Waays : peuvent-ils ajouter un backend Cloudflare Pages sur shopproxy2 et recharger automatiquement la liste des chemins ? Varnish est-il vraiment actif (les fiches sortent en no-store) ? Quelle version de la conf nginx tourne en production ?

Avec Alban : pourquoi la commande invité a été coupée ; les valeurs réelles en base (jeton, cookies, transporteurs actifs) ; une clé webservice en lecture seule pour le build ; la charge du module footfrfront et de la réindexation Algolia ; qui est dans les groupes clients à prix réduit.

Avec Benjamin : qui a la main sur le dépôt PrestaShop et la mise en production ; le plan de marquage GTM à reproduire ; le format de pagination à garder.

Pour toi : la règle de retours. Aujourd’hui elle est sans échange et à la charge du client. Fútbol Emotion offre le premier échange de taille, Soccer.com propose un essai de 30 jours sur les crampons. Avec 8 magasins, l’échange et le retour en boutique seraient un argument que les sites qui expédient depuis l’étranger n’ont pas.

Sources

Les rapports complets sont dans le dépôt de la maquette, dossier research/ : l’audit du site actuel (01_footfr_actuel.md), les contraintes PrestaShop avec les chemins de code (02_contraintes_prestashop.md), le benchmark des spécialistes foot (03_benchmark_foot.md), celui des marques sport (04_benchmark_marques_sport.md) et les preuves UX sur le tunnel, avec leurs liens Baymard, CEPD, Stripe et Google (05_ux_ecommerce_tunnel.md). Les chiffres GA4 de conversion viennent de l’analyse du 24/10/2026.