Développement de l’application (PWA) événementielle bilingue du Annecy Festival pour CITIA
Coup de projecteur sur l’application créée pour le Festival international du film d’animation d’Annecy. Cet événement majeur - organisé par CITIA Image et industries créatives - réunit chaque année des cinéphiles du monde entier. L’édition 2023 a été marquée par la création d’une nouvelle application (PWA) qui a enrichi l’expérience des visiteurs.
Voir la progressive web app- Compétences
- UX / UI Design
- Développement mobile
- Ateliers de co-conception
Brief et contexte
Créé il y a plus de 60 ans, le Annecy Festival s'est imposé comme le plus grand événement mondial de son domaine. Il est organisé par CITIA Image et industries créatives, un organisme public qui contribue à la promotion du secteur de l'animation à travers la culture, l'économie et la formation tant au niveau local, national qu'international.
Initialement doté d’une application mobile native devenue obsolète, CITIA fait le choix de repenser l’expérience mobile des festivaliers. Elle opte pour une progressive web app en Vue.js qui vient s’intégrer dans son écosystème digital.
Novaway a eu pour mission principale de réaliser la conception et le développement front-end de l'application.
Principaux objectifs
- Créer une application multilingue (PWA) graphique, ergonomique et fonctionnelle
- Créer une app moderne et attractive qui respecte la charte du Annecy Festival tout en gardant la possibilité d'être personnalisée à chaque édition
- Construire une équipe de développement mixte (CITIA et Novaway) et efficace
- Conserver une technologie reconnue, évolutive et maintenable par l’équipe de développement CITIA (ici Vue.js)
- Livrer une première version en 3 mois pour un lancement avant l'ouverture de la billetterie et du festival
Une application pour accompagner les visiteurs durant l’événement
La progressive web app du Annecy Festival a été conçue pour fluidifier l’expérience des festivaliers tout au long de l’événement. Ainsi, les visiteurs dotés de l’application ont pu :
- Découvrir le programme et le détail des oeuvres
- Trouver facilement des événements grâce au moteur de recherche
- Mettre des événements en favoris, les réserver et les ajouter à un agenda
- Se repérer grâce à une carte interactive
- Retrouver des infos pratiques
- Voter pour leurs oeuvres favorites dans le cadre du Prix du public
- Recevoir des notifications de rappels
Définition de la stratégie avec des ateliers de conception
Des ateliers de conception ont été réalisés par CITIA et Novaway en début de projet. Ils ont permis de concevoir une stratégie efficace pour le développement de l’application. Parmi les ateliers réalisés :
- Un atelier créatif pour aborder les besoins en design et valider le parcours utilisateur
- Un atelier technique pour valider le plan d’architecture et tester les connexions API
- Un atelier user story mapping pour construire la colonne vertébrale fonctionnelle du projet et identifier les temps forts des développements
- La co-création du listing des fonctionnalités
Le design, une composante essentielle de l'application
Le visuel fait partie intégrante du festival et l’application se devait d’être aussi moderne et attractive. Tout a été pensé pour simplifier le parcours de l'utilisateur, qu’il prépare sa venue ou qu’il soit déjà sur place. Parmi les challenges design à relever :
- Respecter la charte graphique générique de Annecy Festival tout en incorporant des éléments de la thématique 2023 (ambiance mexicaine)
- Faire en sorte que l'application puisse être reprise plusieurs années tout en étant personnalisée à chaque édition
- Adopter une approche mobile first et optimiser la navigation sur mobile
- Rendre facilement accessibles les catégories grâce au menu
- Pouvoir filtrer les événements en permanence grâce à un bouton suivant le scroll
- Jouer sur les couleurs pour distinguer les différentes périodes de la journée
Une progressive web app en Vue.js
La nouvelle application est une progressive web app développée en Vue.js. L'idée était premièrement d'opter pour une technologie maîtrisée par CITIA pour faciliter la maintenance sur le long terme. Parmi les autres avantages d'utiliser le Vue.js sur ce projet :
- Un système d’outillage solide et un système de composants qui favorise la lisibilité et la simplicité du code
- L’optimisation du chargement des images
- Une structure HTML cohérente et optimisée pour le SEO
- Une organisation des différents éléments UI sous forme de composants pour faciliter la réutilisation
- Un storybook avec les composants UI pour faciliter la reprise du projet par les équipes
- Un système de gestion permettant d'ajouter facilement de nouvelles langues
Novaway et ses équipes ont su mener à bien ce projet malgré un planning serré et un contexte un peu stressant (sortie de la PWA 10 jours avant le début du festival). Toujours à l’écoute, Novaway a été à l’écoute de nos retours et a toujours été force de proposition pour apporter des solutions pertinentes tout en respectant le timing et le budget.
Cerise sur le gâteau, l'équipe est très sympa et compétente !
