Brief
Series Mania est un festival de séries internationales se déroulant tous les ans à Lille.
Celui-ci est articulé autour de 3 piliers :
Séries Mania le festival gratuit dédié au grand public animé de projections, rencontres, masterclasses et animations
Séries Mania Forum la partie professionnelle du festival, rendez-vous des acteurs de la création sérielle internationale
Les dialogues de Lille une journée d’échange avec les principaux acteurs politiques, institutionnels, et économiques du secteur
La création d’une vitrine attrayante, une meilleure hiérarchisation de l’information et la valorisation de la programmation étaient les principaux objectifs de cette refonte.
Ils l'ont fait
Beaucoup de personnes ont travaillé sur ce projet, voici ceux qui y ont pris part chez nous
-
Frédéric Devaux
-
Kim Phuong Luu
-
Gwendoline Gendron
-
Alix Chabagny
-
Jérémy Petrequin
-
Eloïse Gaboriau
UX / UI
Nous avons travaillé les différentes cibles du festival et les besoins de chaque utilisateur à travers des workshops avec l’équipe Séries Mania. L’arborescence et la hiérarchie des contenus de chaque homepage s’adaptent en fonction de la temporalité du festival. De cette manière, il s’agit de 3 sites en 1 avec sa propre structure et ses propres codes temporels.
Sur la partie créative, chaque pilier possède son affiche avec ses couleurs, rassemblées sous une charte graphique globale. Nous avons créé un système de composants pouvant s’adapter facilement à l’univers de chaque festival . Ce système a aussi été créé afin de pérenniser le site tout au long des éditions en l’adaptant aux couleurs de l’année.
Code
Séries mania est développé grâce à WordPress en multisites.
En effet, Séries mania est constitué de 3 parties totalement indépendantes : Le festival, le forum et les dialogues de Lille. Les deux dernières étant réservées aux professionnels.
Sur ce site, nous avons voulu exploiter au maximum les blocs Gutenberg. Ainsi, presque toutes les pages sont composées exclusivement de blocs custom créés grâce à ACF. Seules les pages archives et les fiches série et invité n’utilisent pas ce système.
Nous avons créé, pour ce site, une commande npm qui permet de générer des classes pour chaque groupe de champs ACF. Ainsi, nous accédons aux propriétés grâce à l’auto-complétion de notre IDE.
Un des enjeux principaux de tout site de festival est de pouvoir intégrer la programmation du festival dans le back-office sans que celui-ci ne s’affiche en front avant le jour J. En plus du front, il faut penser à Google qui peut facilement avoir accès aux pages cachées si on ne fait pas attention au site map (surtout si le plugin Yoast SEO est utilisé).
Nous avons prévu que le site ait 3 visages : le temps faible (hors festival), l’annonce de la programmation et le temps fort (de l’annonce de l’agenda à la fin du festival). Le but étant que le passage de l’un à l’autre soit le plus facile possible grâce à une page d’options qui permet de définir à quelle étape nous sommes.
Enfin, le thème que nous avons créé est commun aux 3 sites, nous avons créé une feuille de style css spécifique à chacun des sites afin d’adapter les couleurs automatiquement. Nous avons utilisé WPML pour créer les versions anglaise des 3 sites.
Plateforme Séries Mania Digital Forum
En raison de la crise du Coronavirus, l’édition 2020 a dû être annulée juste avant l’événement, nous avons donc, avec les équipe Séries Mania, digitalisé la partie BtoB (Séries Mania Forum) en seulement quelques jours.
Pour la création de la plateforme du Forum Digital, nous avons de nouveau utilisé WordPress. Nous avons créé un post type « Fiche » qui est ensuite alimenté par le contenu d’une plateforme sécurisée. Toutes les informations des séries viennent directement de cette plateforme et WordPress nous permet grâce à ACF de compléter les informations manquantes.
Un système de connexion relié à l’API de la plateforme permet de restreindre l’accès au site aux seuls possesseurs d’une accréditation.
Enfin, nous avons installé un système de prise de rendez-vous relié à Calendly. Ainsi, les utilisateurs intéressés par des pitchs de séries peuvent directement prendre rendez-vous avec les porteurs de projet depuis la plateforme pour un meeting vidéo.