Ligue des nations —
les Diables
en direct.
Les Diables, en direct, tout l'automne.
La Ligue des nations 2026-2027 est le rendez-vous régulier des Diables Rouges : Italie, France, Turquie. DH Les Sports+ voulait un point de passage unique, ouvert du coup d'envoi au coup de sifflet final, où le lecteur retrouve le direct, le calendrier, les classements, les Belges et où voir le match.
Je suis seul responsable technique et design du dossier, en lien avec la rédaction. Il reprend le châssis du Mondial de hockey, avec le menu header desktop et la tabbar mobile du dossier Belgian Cats.
Une seule page, neuf rubriques.
Dans l'ordre : live, calendrier, classement, jeux, articles, nations, Diables Rouges, où voir le match, sources. Le menu desktop et la tabbar mobile suivent exactement cette colonne vertébrale, pour qu'on sache toujours où l'on se trouve dans un dossier qui se lit sur plusieurs mois.
« Les jeux sont gratuits et sans compte : pas de connexion, pas de mur d'abonnement sur ce dossier. »
La page Diables Rouges rassemble les fiches techniques, les statistiques et les performances des joueurs belges, tenues à jour en continu. Et le dossier cache des surprises que les lecteurs cherchent, moitié Diables, moitié Seleção.
Le bleu nuit de la DH, le rose de la compétition.
Les couleurs DH mêlées à celles de la Ligue des nations : un bleu nuit profond qui tient sur toute la hauteur de page, un rose vif réservé à l'action et au direct, et quatre couleurs de ligue pour que A, B, C et D se distinguent d'un coup d'œil dans les classements.
Trois voix : le cri, le texte, le chiffre.
Une graisse très lourde pour les titres, une sans-serif calme pour lire, une mono pour compter.
Akt
Les titres. Très gras, condensé, presque une manchette de quotidien sportif.
Plus Jakarta Sans
Le corps du texte. Ronde et lisible, elle tient les paragraphes éditoriaux et l'interface.
Cousine
Les chiffres. Scores, minutes, classements : la mono aligne les colonnes et fige les tableaux.
Du XML au tableau, sans framework.
PHP sans framework, modules ES natifs, aucune dépendance, aucune étape de build.
Les flux iDalgo, proxyés et mis en cache
Les statistiques viennent des flux XML iDalgo, proxyés côté serveur avec un cache par flux : la page ne tape jamais directement la source, et un pic de trafic un soir de match ne se transforme pas en pic d'appels API.
Trois langues, une seule page
Français, néerlandais et anglais via des dictionnaires PHP, avec détection de marque côté serveur. Pas de duplication de gabarit : la même page sert les trois publics.
Une règle de prudence les jours de match
Aucune modification du moteur de données un jour de match. Cosmétique seulement ; le structurel attend le lendemain. Une discipline qui n'a rien de technique et qui évite l'essentiel des incidents.
La compétition, par les chiffres.
Ce que ce projet a changé.
La Ligue des nations est devenu le dossier de référence de la maison : c'est son châssis que reprennent les suivants, à commencer par la Jupiler Pro League. Il a aussi déplacé une question du design vers l'éditorial : pour que Google voie le dossier comme la page officielle de la DH, il fallait du texte écrit par des journalistes après chaque journée, pas seulement des statistiques qui bougent.