Étude de cas Case Study Caso de Estudio Plateforme Communautaire Community Platform Plataforma Comunitaria

Les Irrésistibles Français — Community Platform

Concevoir un hub digital pour l'une des plus grandes communautés de supporters de football de France. Designing a digital hub for one of France's largest football supporter communities. Diseñando un hub digital para una de las mayores comunidades de aficionados al fútbol de Francia.

CommunityCommunityCommunity MembershipMembershipMembership Product Design Mobile-first Event Booking
Client Client Cliente Les Irrésistibles FrançaisLes Irrésistibles FrançaisLes Irrésistibles Français
Produit Product Producto Site communautaire & plateforme de membership Community website & membership platform Sitio comunitario & plataforma de membresía
Utilisateurs Users Usuarios Supporters de l'équipe de France French national team football supporters Aficionados de la selección francesa
Rôle Role Rol Product Designer & Platform Owner (bénévole) Product Designer & Platform Owner (volunteer) Product Designer & Platform Owner (voluntario)
Durée Duration Duración 1 an / 1 year / 1 año
Type Type Tipo Plateforme digitale associative Association digital platform Plataforma digital asociativa
Les Irrésistibles Français — plateforme communautaire sur desktop et mobile
Hub
Plateforme communautaire centrale pour des milliers de supporters Central community platform for thousands of supporters Plataforma comunitaria central para miles de aficionados
90%
Des membres passés au paiement en ligne après le lancement Of members switched to online membership payments after launch De los miembros pasaron al pago en línea tras el lanzamiento
+60%
D'augmentation du trafic web après le lancement de la plateforme Website traffic increase after the platform launch Aumento del tráfico web tras el lanzamiento de la plataforma
1
Plateforme unifiée remplaçant emails, virements manuels et sites obsolètes Unified platform replacing emails, manual transfers and outdated sites Plataforma unificada que reemplaza correos, transferencias manuales y sitios obsoletos

IntroductionIntroductionIntroducción

Product Designer & Platform Owner Product Designer & Platform Owner Product Designer & Platform Owner

Les Irrésistibles Français est une association de supporters passionnés. En tant que Product Designer et Platform Owner bénévole, j'ai conçu et piloté la création de leur plateforme digitale de A à Z — de la recherche utilisateur à la livraison.

Les Irrésistibles Français is a passionate supporter association. As volunteer Product Designer and Platform Owner, I designed and led the creation of their digital platform from scratch — from user research to delivery.

Les Irrésistibles Français es una asociación de aficionados apasionados. Como Product Designer y Platform Owner voluntario, diseñé y lideré la creación de su plataforma digital de principio a fin.

Architecture du site Les Irrésistibles Français — arborescence complète des pages et parcours utilisateurs
🎯
Ownership produit bout en boutEnd-to-end product ownershipOwnership de producto
Responsabilité complète du projet — vision produit, priorisation, suivi du développement et livraison.Full project responsibility — product vision, prioritisation, development follow-up and delivery.Responsabilidad completa — visión, priorización, seguimiento y entrega.
🗺
Architecture UXUX architectureArquitectura UX
Structuration de la plateforme autour de 3 piliers — communauté, accessibilité et efficacité opérationnelle.Platform structured around 3 pillars — community, accessibility and operational efficiency.Plataforma estructurada en 3 pilares — comunidad, accesibilidad y eficiencia operativa.
📱
UI design mobile-firstMobile-first UI designUI design mobile-first
Interface reflétant l'énergie des supporters, pensée pour un usage en déplacement et cohérente avec l'identité de l'asso.Interface reflecting supporters' energy, designed for on-the-move use, consistent with the association's identity.Interfaz que refleja la energía de los aficionados, pensada para uso en movimiento.
🔄
Tests & itérationsTesting & iterationsPruebas e iteraciones
Cycles d'itération basés sur les retours des membres, tests d'utilisabilité et collaboration étroite avec les développeurs.Iteration cycles based on member feedback, usability testing and close collaboration with the development team.Ciclos de iteración basados en feedback, pruebas de usabilidad y colaboración con desarrolladores.

ContexteContextContexto

Créer un espace digital pour la communauté Creating a digital home for the supporter community Crear un hogar digital para la comunidad de aficionados

Les Irrésistibles Français est la principale association de supporters de l'équipe de France de football. Elle rassemble des milliers de supporters qui suivent les Bleus à travers les tournois et les événements en France et à l'étranger.

Les Irrésistibles Français is the main supporters' group of the French national football team. It gathers thousands of supporters who follow the Blues across tournaments and events in France and abroad.

Les Irrésistibles Français es la principal asociación de aficionados de la selección francesa de fútbol. Reúne a miles de seguidores que siguen a los Bleus en torneos y eventos en Francia y en el extranjero.

Cependant, le site existant n'était plus adapté aux usages modernes. La plupart des interactions avec les membres se faisaient par chaînes d'e-mails et réseaux sociaux, rendant la communication fragmentée et difficile à faire évoluer.

However, the existing website was no longer adapted to modern usage. Most interactions with members happened through email chains and social networks, making communication fragmented and difficult to scale.

Sin embargo, el sitio web existente ya no estaba adaptado al uso moderno. La mayoría de las interacciones con los miembros se producían a través de cadenas de correos electrónicos y redes sociales, lo que hacía que la comunicación fuera fragmentada y difícil de escalar.

L'objectif du projet était de créer une plateforme digitale centrale moderne et mobile-first où les supporters pourraient accéder aux actualités, gérer leur adhésion, réserver des événements et rester connectés à la communauté.

The objective of the project was to create a modern, mobile-first central digital platform where supporters could access news, manage their membership, book events and stay connected with the community.

El objetivo del proyecto era crear una plataforma digital central moderna y mobile-first donde los aficionados pudieran acceder a noticias, gestionar su membresía, reservar eventos y mantenerse conectados con la comunidad.

Site Les Irrésistibles Français — vue multi-écrans sur desktop, tablette et mobile

ProblèmeProblemProblema

Une communauté active sans hub digital An active community without a true digital hub Una comunidad activa sin un hub digital real

Malgré une communauté dynamique, l'association ne disposait pas d'une vraie plateforme digitale pour gérer ses membres et ses activités. L'ancien site n'était pas optimisé pour le mobile, alors que beaucoup de supporters accèdent aux informations depuis leur téléphone lors des matchs, des déplacements ou des événements.

Despite having an active community, the association lacked a real digital platform to manage its members and activities. The old website was not optimised for mobile usage, while many supporters accessed information on their phones during matches, travels or events.

A pesar de tener una comunidad activa, la asociación carecía de una plataforma digital real para gestionar sus miembros y actividades. El antiguo sitio web no estaba optimizado para dispositivos móviles, mientras que muchos aficionados accedían a la información desde sus teléfonos durante los partidos, viajes o eventos.

Les processus administratifs comme le paiement des cotisations étaient gérés manuellement par virement bancaire, créant des frictions inutiles pour les membres comme pour les organisateurs. Renouveler son adhésion nécessitait d'envoyer un email, d'attendre une confirmation et d'effectuer un virement — un processus aussi inefficace qu'opaque.

Administrative processes such as membership payments were handled manually through bank transfers, creating unnecessary friction for both members and organisers. Renewing a membership required sending an email, waiting for confirmation and making a bank transfer — a process as inefficient as it was opaque.

Los procesos administrativos como el pago de cuotas se gestionaban manualmente mediante transferencias bancarias, creando fricciones innecesarias tanto para los miembros como para los organizadores. Renovar una membresía requería enviar un correo, esperar una confirmación y realizar una transferencia bancaria — un proceso tan ineficiente como opaco.

Une nouvelle plateforme était nécessaire pour simplifier les opérations tout en renforçant le lien entre les supporters et l'association.

A new platform was needed to simplify operations while strengthening the connection between supporters and the association.

Era necesaria una nueva plataforma para simplificar las operaciones y al mismo tiempo fortalecer la conexión entre los aficionados y la asociación.

Vue mobile du site Les Irrésistibles Français — présentation de l'interface responsive avant refonte

Mon rôleMy roleMi rol

Des outils fragmentés et des processus manuels Fragmented tools and manual processes Herramientas fragmentadas y procesos manuales

L'association gérait des milliers de membres mais ne disposait pas de l'infrastructure digitale nécessaire pour les soutenir efficacement. Les problèmes principaux bloquaient à la fois l'expérience des membres et la productivité des équipes organisatrices.

The association managed thousands of members but lacked the digital infrastructure to support them efficiently. The main issues blocked both the member experience and the productivity of the organising teams.

La asociación gestionaba miles de miembros pero carecía de la infraestructura digital necesaria para soportarlos eficientemente. Los principales problemas bloqueaban tanto la experiencia de los miembros como la productividad de los equipos organizadores.

📵
Site non adapté au mobileNon-mobile-friendly siteSitio no adaptado a móviles
La majorité des supporters accédant depuis leur téléphone pendant les matchs et déplacements ne pouvaient pas bénéficier d'une expérience correcte.The majority of supporters accessing from their phones during matches and travels could not get a proper experience.La mayoría de los aficionados no podían beneficiarse de una experiencia adecuada desde su móvil.
🏦
Paiements entièrement manuelsFully manual paymentsPagos completamente manuales
Chaque renouvellement d'adhésion nécessitait email + attente + virement bancaire — une friction inutile pour les membres et une charge lourde pour les équipes.Each membership renewal required email + wait + bank transfer — unnecessary friction for members and a heavy burden on organising teams.Cada renovación requería correo + espera + transferencia — fricción innecesaria para los miembros y carga para los equipos.
📡
Communication disperséeScattered communicationComunicación dispersa
Infos réparties entre emails, réseaux sociaux et messages directs sans point d'entrée unique — difficile pour les membres de suivre les actualités.Info spread across emails, social networks and direct messages with no single entry point — hard for members to stay up to date.Información dispersa entre correos, redes y mensajes sin un punto de entrada único.
🚪
Aucun espace central membresNo central member spaceSin espacio central para miembros
Pas de compte membre, pas d'historique, pas de réservation intégrée — chaque action nécessitait de contacter l'association directement.No member account, no event history, no integrated booking — every action required contacting the association directly.Sin cuenta, sin historial, sin reserva integrada — cada acción requería contactar directamente a la asociación.

Approche designDesign approachEnfoque

Mon rôle My role Mi rol

C'était un projet produit bénévole que j'ai piloté de la conception à la livraison. J'ai travaillé en tant que Product Designer et Platform Owner, responsable de la définition de la structure et de l'expérience de la plateforme, en coordination directe avec les dirigeants de l'association et l'équipe de développement.

This was a volunteer product-led project that I owned from design to delivery. I worked as Product Designer and Platform Owner, responsible for defining the structure and experience of the platform, in direct coordination with the association leadership and the development team.

Este fue un proyecto de producto voluntario que supervisé desde el diseño hasta la entrega. Trabajé como Product Designer y Platform Owner, responsable de definir la estructura y la experiencia de la plataforma, en coordinación directa con la dirección de la asociación y el equipo de desarrollo.

L'objectif était de créer une plateforme qui soutienne à la fois la communauté des supporters et simplifie les opérations de l'association — en livrant une expérience digitale moderne et mobile-first que les membres pourraient utiliser aussi bien en déplacement qu'à la maison.

The goal was to create a platform that would both support the supporter community and simplify the association's operations — delivering a modern, mobile-first digital experience that members could use both on the move and at home.

El objetivo era crear una plataforma que apoyara tanto a la comunidad de aficionados como que simplificara las operaciones de la asociación — entregando una experiencia digital moderna y mobile-first que los miembros pudieran usar tanto en movimiento como en casa.

Interface du site Les Irrésistibles Français affichée sur iMac — homepage avec les actualités et les prochaines rencontres
🔍
Recherche utilisateursUser researchInvestigación de usuarios
Immersion dans la communauté, interviews avec des supporters pour comprendre besoins, frustrations et habitudes d'usage digital.Community immersion, interviews with supporters to understand their needs, frustrations and digital usage habits.Inmersión en la comunidad, entrevistas con aficionados para entender necesidades, frustraciones y hábitos.
🗺
Architecture UXUX architectureArquitectura UX
Navigation, sections et parcours clés définis autour des trois piliers : communauté, accessibilité et efficacité opérationnelle.Navigation, sections and key journeys defined around the three pillars: community, accessibility and operational efficiency.Navegación, secciones y recorridos clave definidos en torno a los tres pilares.
🎨
UI design & identité visuelleUI design & visual identityUI design e identidad visual
Identité visuelle digitale cohérente avec les codes de l'association, reflétant l'énergie de la communauté des supporters.Digital visual identity consistent with the association's codes while reflecting the energy of the supporter community.Identidad visual digital coherente con los códigos de la asociación y la energía de la comunidad.
🔄
Tests & suivi développementTesting & dev follow-upPruebas y seguimiento
Itérations sur la base des retours membres, cycles de tests d'utilisabilité et coordination avec les développeurs pendant l'implémentation.Iterations based on member feedback, usability testing cycles and coordination with developers during implementation.Iteraciones basadas en feedback, pruebas de usabilidad y coordinación con desarrolladores.

ImpactImpactImpacto

Concevoir autour de trois piliers fondateurs Designing around three founding pillars Diseñar en torno a tres pilares fundadores

La plateforme a été conçue autour de trois piliers fondateurs qui ont guidé chaque décision de design, de la structure de navigation aux composants d'interface en passant par les parcours utilisateurs.

The platform was designed around three founding pillars that guided every design decision, from navigation structure to interface components and user journeys.

La plataforma fue diseñada en torno a tres pilares fundadores que guiaron cada decisión de diseño, desde la estructura de navegación hasta los componentes de interfaz y los recorridos de usuario.

🤝
CommunautéCommunityComunidad
Un espace digital où les supporters se sentent connectés — actualités de l'asso, culture supporteur, contenu exclusif et engagement communautaire.A digital space where supporters feel connected — association news, supporter culture, exclusive content and community engagement.Un espacio donde los aficionados se sienten conectados — noticias, cultura de aficionados, contenido exclusivo y engagement.
📱
AccessibilitéAccessibilityAccesibilidad
Expérience mobile-first pour que les membres puissent utiliser la plateforme pendant les événements, déplacements et matchs — où qu'ils soient.Mobile-first experience so members can access the platform during events, travels and matches — wherever they are.Experiencia mobile-first para acceder durante eventos, viajes y partidos — estén donde estén.
⚙️
EfficacitéEfficiencyEficiencia
Réservation, actualités et gestion des adhésions centralisées dans une seule plateforme — pour éliminer la fragmentation et réduire la charge opérationnelle.Booking, news and membership management centralised in one platform — eliminating fragmentation and reducing operational burden.Reserva, noticias y membresías centralizadas en una plataforma — eliminando fragmentación y reduciendo carga operativa.

RésultatsResultsResultados

Impact produit Product impact Impacto del producto

Après le lancement, la nouvelle plateforme a significativement amélioré la façon dont l'association interagit avec ses membres — centralisant les opérations, simplifiant les processus et renforçant l'engagement communautaire.

After launch, the new platform significantly improved how the association interacts with its members — centralising operations, simplifying processes and strengthening community engagement.

Tras el lanzamiento, la nueva plataforma mejoró significativamente la forma en que la asociación interactúa con sus miembros — centralizando las operaciones, simplificando los procesos y fortaleciendo el engagement comunitario.

Le trafic sur le site a augmenté de plus de 60% après le lancement. Plus de 90% des membres ont adopté le paiement en ligne pour leur cotisation, abandonnant définitivement les virements manuels.

Website traffic increased by more than 60% after launch. More than 90% of members switched to online membership payments, definitively abandoning manual bank transfers.

El tráfico del sitio web aumentó más de un 60% tras el lanzamiento. Más del 90% de los miembros adoptaron los pagos de membresía en línea, abandonando definitivamente las transferencias bancarias manuales.

La plateforme est devenue le cœur digital de l'association, simplifiant les opérations tout en renforçant le lien entre les supporters. Les membres peuvent désormais réserver des billets pour les événements, renouveler leur adhésion et accéder aux actualités directement depuis leur mobile — sans email ni virement.

The platform became the digital heart of the association, simplifying operations while strengthening the connection between supporters. Members can now book event tickets, renew their membership and access news directly from their mobile — without emails or bank transfers.

La plataforma se convirtió en el corazón digital de la asociación, simplificando las operaciones y al mismo tiempo fortaleciendo la conexión entre los aficionados. Los miembros ahora pueden reservar entradas para eventos, renovar su membresía y acceder a las noticias directamente desde su móvil — sin correos ni transferencias bancarias.

J'ai pris en charge l'ensemble du cycle produit sur ce projet — de la recherche utilisateur à la mise en production — dans un contexte associatif avec des contraintes réelles de budget, de temps et d'adoption.

I owned the full product cycle on this project — from user research to production — working within real constraints of budget, time and community adoption in a volunteer context.

Asumí el ciclo completo de producto en este proyecto — desde la investigación de usuarios hasta la puesta en producción — trabajando con restricciones reales de presupuesto, tiempo y adopción comunitaria en un contexto voluntario.

Main tenant un smartphone affichant le site Les Irrésistibles Français en contexte de stade — IF Actus mobile

Projet suivantNext projectProyecto siguiente

Global Maritime Leader — Application MobileMobile AppApp Móvil

Voir l'étude de casView case studyVer el caso de estudio