Le site du club de football Entente Feignies Aulnoye.

Pl. 05 / 13Étude de cas

EFAFC – App web pour un club de football

Le site du club de football Entente Feignies Aulnoye.

Bon de commandeN° Pl. 05 · 2025
Client
Entente Feignies Aulnoye FCNord, France
Année
2025
Rôle
Conception UX/UIFrontendBackendMotion Design
Nature du travail
  • Web & App ✓
  • Branding
  • Print
  • 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

Page d'accueil du site EFAFC sur ordinateur
Pl. 05.1Ordinateur
Page d'accueil du site EFAFC sur tablette
Pl. 05.2Tablette
Page d'accueil du site EFAFC sur mobile
Pl. 05.3Mobile

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