Website for the Entente Feignies Aulnoye football club.

Pl. 05 / 13Case study

EFAFC – App web pour un club de football

Website for the Entente Feignies Aulnoye football club.

Job ticketNo. Pl. 05 · 2025
Client
Entente Feignies Aulnoye FCNord, France
Year
2025
Role
Conception UX/UIFrontendBackendMotion Design
Type of work
  • Web & App ✓
  • Branding
  • Print
  • 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

EFAFC homepage on desktop
Pl. 05.1Desktop
EFAFC homepage on tablet
Pl. 05.2Tablet
EFAFC homepage on mobile
Pl. 05.3Mobile

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