Plateforme de l’école de production audiovisuelle

Détails du projet

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.

Comment nous travaillons

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