
Pl. 05 / 13Étude de cas
EFAFC – App web pour un club de football
Le site du club de football Entente Feignies Aulnoye.
- Client
- Entente Feignies Aulnoye FCNord, France
- Année
- 2025
- Rôle
- Conception UX/UIFrontendBackendMotion Design
- Liens
- Visiter le site
- Nature du travail
- Web & App ✓
- Branding
- Motion
- Social media
- Illustration
- Livrables
- Site web responsive
- Versions ordinateur, tablette et mobile
- Outils
- Figma
- React
- Typescript
- After Effect
- GSAP
- Node.js
- JSON
- Firebase
- Vercel
Le brief
Ce projet est mon travail le plus ambitieux à ce jour. L’objectif était de concevoir et développer une plateforme web complète dédiée à un club de football, pensée à la fois pour les supporters, les administrateurs du club et les créateurs de contenu. Je voulais aller bien plus loin qu’un simple site vitrine : l’idée était de créer un véritable écosystème interactif, avec des fonctionnalités avancées comme une Fan Zone sécurisée, un espace administrateur, la gestion des équipes, des statistiques, une galerie média et une architecture scalable proche d’un projet professionnel réel. Ce projet m’a permis de consolider mes compétences en développement web moderne, mais aussi en architecture applicative, UX/UI et gestion de projet.
Au programme
- Accueil
- Statistiques
- Fan zone
- Équipes
- Contact et espace membre
La démarche
Le projet a été développé selon une approche progressive et structurée, proche d’un workflow professionnel. J’ai commencé par définir les besoins des différents utilisateurs (visiteurs, membres, administrateurs) afin de concevoir une architecture claire dès le départ. Le frontend a été réalisé avec React, en organisant l’application par pages et composants réutilisables, tandis que le backend repose sur une API Node.js / Express séparée. La navigation est gérée via un système de routes publiques et privées, avec une authentification permettant de sécuriser l’accès à la Fan Zone et à l’espace administrateur. Les fonctionnalités ont été développées de manière incrémentale, en priorisant le cœur de l’application avant d’ajouter les modules avancés (profil utilisateur, administration, gestion du contenu). Des phases régulières de tests et de refactorisation ont permis d’améliorer la stabilité, la lisibilité du code et l’expérience utilisateur.
Planches



Palette
Couleurs relevées sur les visuels du projet.
- Bleu nuit#031E4CC96 M61 J0 N70
- Bleu club#0F2F60C84 M51 J0 N62
- Jaune#FFE300C0 M11 J100 N0
- Vert#8ABB05C26 M0 J97 N27
- Encre#151B1FC32 M13 J0 N88