Canário na Copa

La couverture de la Coupe du Monde génère un énorme volume d'informations dans une très courte période : résultats, classements, statistiques individuelles et collectives, événements de match, données historiques et récits qui changent quotidiennement. La plupart de ce contenu est généralement dispersé sur différentes plateformes, présenté dans des tableaux isolés ou organisé principalement pour une consultation rapide.

Le défi du Canário na Copa était de transformer ce flux intensif de données en une expérience éditoriale plus claire et plus explorable, capable non seulement d'informer ce qui s'est passé, mais d'aider le public à comprendre les modèles, contextes et histoires produits tout au long du tournoi.

J’ai développé la plateforme avec Astro SSR, du CSS personnalisé et du JavaScript vanilla, en utilisant D3.js pour construire des cartes interactives, des compositions d’équipe, des réseaux de passes et d’autres visualisations de données. Supabase gère l’authentification, les abonnements et les données de match, tandis que Sanity est utilisé pour la publication éditoriale. Stripe, Resend et React Email soutiennent les memberships et la communication avec les lecteurs.

Le projet comprend également un pipeline de données sur mesure qui transforme les rapports d’après-match de la FIFA en jeux de données structurés et en analyses interactives de match. Il est hébergé sur un serveur Ubuntu chez Linode, avec Nginx, PM2 et Cloudflare pour le déploiement, la performance et la livraison.

Le résultat est un produit éditorial qui combine couverture journalistique, infrastructure de publication, données structurées, visualisations interactives et relation avec les lecteurs dans une seule expérience. Canário na Copa fonctionne à la fois comme publication et comme laboratoire produit pour de nouvelles formes de récit sportif fondé sur les données.

J’ai conçu et développé le produit de bout en bout : architecture éditoriale, identité visuelle, interfaces, visualisations de données, authentification, abonnements, publication, infrastructure de déploiement et pipeline de données. J’ai également été responsable de la définition éditoriale et de l’organisation des informations présentées dans le magazine.