
Pl. 05 / 13Case study
EFAFC – App web pour un club de football
Website for the Entente Feignies Aulnoye football club.
- Client
- Entente Feignies Aulnoye FCNord, France
- Year
- 2025
- Role
- Conception UX/UIFrontendBackendMotion Design
- Links
- Visit the website
- Type of work
- Web & App ✓
- Branding
- Motion
- Social media
- Illustration
- Deliverables
- Responsive website
- Desktop, tablet and mobile layouts
- Tools
- Figma
- React
- Typescript
- After Effect
- GSAP
- Node.js
- JSON
- Firebase
- Vercel
The 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.
Features
- Home
- Stats
- Fan zone
- Teams
- Contact and member area
The process
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.
Plates



Palette
Colours sampled from the project visuals.
- Night blue#031E4CC96 M61 Y0 K70
- Club blue#0F2F60C84 M51 Y0 K62
- Yellow#FFE300C0 M11 Y100 K0
- Green#8ABB05C26 M0 Y97 K27
- Ink#151B1FC32 M13 Y0 K88