ESPAV (École Spéciale de la Production Audiovisuelle et Métiers de la Presse) est une institution basée à Marrakech dédiée à la formation aux métiers des médias et de l’audiovisuel. Notre mission était de créer une plateforme web complète reflétant l’excellence et le dynamisme de l’école, tout en offrant une expérience riche en contenu multimédia.
Le site web présente l’école, ses formations et surtout sa chaîne ESPAV TV, qui regroupe l’ensemble des productions audiovisuelles des étudiants et de l’établissement : reportages, émissions, magazines, documentaires, courts-métrages, podcasts, making-of et couvertures médiatiques.
Fonctionnalités principales développées :
Présentation de l’école et de ses formations
Interface dédiée à ESPAV TV avec catégories de contenu multimédia
Plateforme vidéo intégrée avec lecteur personnalisé
Catégorisation complète des productions : News, Reportages, Couvertures médiatiques, Émissions, Magazines, Podcasts, Making-off, Courts-métrages, Documentaires
Interface multilingue français/arabe
Affichage dynamique des contenus par thématique
Système de recherche de formations par niveau d’étude et projet professionnel
Mise en avant des inscriptions ouvertes 2025/2026
Design moderne adapté au secteur des médias
Objectif du projet : Offrir à ESPAV une vitrine numérique à la hauteur de son expertise, permettant de valoriser les productions des étudiants et d’attirer de nouveaux talents vers ses formations.
Pour ce projet média riche en contenu vidéo, nous avons mis en place une architecture performante avec une API Laravel dédiée.
Architecture globale
Backend API : Laravel (PHP) pour une API RESTful robuste et évolutive
Frontend : WordPress avec thème personnalisé
Communication : Appels API entre le frontend WordPress et le backend Laravel
Backend API (Laravel)
Framework Laravel pour le développement de l’API REST
Base de données MySQL pour le stockage des contenus et vidéos
Authentification API sécurisée
Endpoints dédiés pour la gestion des catégories, vidéos et formations
Système de cache pour optimiser les performances
Frontend (WordPress)
CMS WordPress pour la gestion de contenu
Thème personnalisé adapté à l’univers audiovisuel
Intégration des données via l’API Laravel
Affichage dynamique des vidéos par catégorie
Technologies front-end
Google Font API et Font Awesome pour la typographie et les icônes
Bootstrap pour une interface responsive
OWL Carousel pour les carrousels de vidéos
jQuery et core-js pour les interactions dynamiques
Plyr comme lecteur vidéo personnalisé
HTTP/3 pour des performances optimisées
Hébergement et performance
Serveur LiteSpeed pour des temps de chargement rapides
Cloudflare comme CDN pour la distribution des contenus
jQuery CDN, jsDelivr, cdnjs pour les librairies
Mise en cache optimisée
Contenu multimédia
Intégration YouTube pour les vidéos
Catégorisation avancée des productions
Interface bilingue français/arabe
Section ESPAV TV dédiée avec sous-catégories complètes
Méthodologie
Développement Agile avec livraisons itératives
Tests utilisateurs sur différents appareils
Documentation technique pour la maintenance
Formation du client sur la gestion des contenus









