WeChamp met en relation des athlètes et des entreprises ou des clubs, autour d'expériences sportives. La maquette validée en mai 2017 annonce la promesse en une ligne, « partagez un moment de sport unique avec votre champion », et le volume derrière : quinze disciplines, quatre-vingts athlètes de haut niveau, une recherche par athlète ou par discipline en haut de la page d'accueil. Le site devait être un catalogue, et un catalogue ne se construit pas en empilant des pages. Il se modélise.
En images
Le projet en détail
Trois types de contenus ont donc été créés dans WordPress : les athlètes, les expériences et les sports. Chacun a son modèle de données et ses gabarits, la fiche d'un athlète, la liste des athlètes, la fiche d'une expérience, la liste des expériences, la page d'un sport. Les trois sont liés entre eux, de sorte qu'un athlète renvoie vers ses expériences, une expérience vers l'athlète qui la porte, et un sport vers tous ceux qui le pratiquent. C'est ce maillage interne qui donne au site sa cohérence et, accessoirement, sa surface de référencement.
Un quatrième type, moins visible, portait les options du thème : les réglages éditoriaux vivent dans l'interface d'administration et non dans le code, pour que le client puisse changer un libellé ou une mise en avant sans intervention.
Deux publics très différents entrent sur le site, et ils ont reçu leurs propres pages : un espace entreprises, pour les séminaires et les opérations de cohésion, et une page clubs et associations. Le cahier des charges du client, annoté écran par écran, demandait aussi des éléments de parcours précis : un bouton de réservation présent en permanence, des ancres vers les avis en bas de page, une sélection multiple de sports qui affiche le nombre de choix, un formulaire qui conserve l'expérience consultée au moment de l'envoi.
Le travail s'est fait en deux dépôts distincts, un thème sur mesure et une extension de fonctionnalités, et ce découpage n'est pas une coquetterie. Les quatre types de contenus vivent dans l'extension : si le thème change un jour, les données restent. Les deux dépôts sont outillés comme du logiciel, avec Composer, une chaîne gulp et un contrôle de style de code lancé par une commande de test, ce qui est rare sur un site WordPress de cette taille.
L'image de cette fiche est la maquette validée, pas une capture du site. Les médias du site n'ont pas été récupérés du vieux serveur, et une page de catalogue sans ses photos d'athlètes ne montrerait rien de ce qui a été livré. Les maquettes et le cahier des charges annoté, eux, sont dans les archives : ce sont eux qui permettent de décrire le parcours avec cette précision.