Logo NodevoLogo NodevoLogo Nodevo
Menu icon
Grand Palais

Grand Palais

Refonte du site du Grand Palais avec billetterie intégrée

Contexte.

La refonte du site du Grand Palais accompagne la transformation profonde du lieu, tant sur le plan architectural que dans son offre culturelle. Elle vise également à rapprocher le Grand Palais et le Palais de la Découverte dans une logique de synergie. 

C’est une refonte ergonomique, graphique et technique qui vient appuyer une stratégie globale d’accessibilité, d’écoconception et de performance. 

 

Objectifs.

  • Fluidifier les parcours utilisateurs, notamment via l’intégration d’une billetterie fluide et centralisée 
  • Optimiser la consultation mobile grâce à une approche mobile first 
  • Renforcer l’interopérabilité entre les outils métiers : CRM, billetterie, application mobile 
  • Garantir l’accessibilité et la performance environnementale du site 
  • Assurer un haut niveau de sécurité et de résilience via un middleware dédié 

 

Résultats.

  • La mise en ligne d’un site accessible, éco-conçu et optimisé pour le mobile
  • Un parcours utilisateurs fluidifiés, notamment sur l’achat de billets
  • Une navigation simplifiée et accès facilité aux expositions, événements et contenus pratiques
  • Une expérience personnalisée grâce à un espace utilisateur enrichi : historique, préférences, inscriptions
  • Une interopérabilité renforcée entre le site, la billetterie, le CRM et l’application mobile
  • Une architecture sécurisée, performante et évolutive
  • Expérience en ligne alignée avec la transformation du Grand Palais

Expertises.

Check icon
Conception UX/UI
  • Ateliers collaboratifs 
  • Wireframes & Maquettes graphiques 
  • Direction artistique 
  • Prototypage dynamique 
  • Design Systems 
  • Tests utilisateurs auprès de 16 utilisateurs 
Check icon
Conception fonctionnelle
  • Recueil de besoin  
  • Rédaction des spécifications fonctionnelles détaillées  
Check icon
AMOA

Mise à disposition d’une ressource dédiée au pilotage de projet en régie déportée à raison de 2J/ semaine   

Check icon
Développement
  • Drupal 10 
  • Symfony, API plateform 
  • Migration de données  
  • TNR automatisés (Behat / Php Unit) 
  • Tests d’intrusions  
  • Monitoring Grafana 
  • Gestion de file d’attente en cas de pic de charge 
Check icon
Accessibilité
  • 85,48% des critères RGAA respectés 
  • Taux de conformité moyen : 98% 
quoteJe tiens à vous témoigner du plaisir que le GrandPalaisRMN a à travailler avec Nodevo depuis 2017. Les équipes de Nodevo ont toujours su répondre à nos différentes sollicitations, prévues ou imprévues, avec grande réactivité, force de propositions et efficacité quant au résultat obtenu. Cette collaboration se déroule avec fluidité dans une confiance mutuelle, empreinte de rigueur dans le travail, et de chaleur dans les relations. Continuons de construire ensemble le reflet en ligne de l’image et du service culturel offert au public par le GrandPalaisRmn.
Virginie D'ALLENS Responsable du département production et diffusion numérique - Direction des publics et de la communication, GPRmn
Equipe grand palais
Une conception graphique et fonctionnelle parallélisée

Nous avons mené en parallèle le recueil des besoins, les ateliers UX/UI et la rédaction des spécifications.  

Cette approche synchronisée, via des ateliers collaboratifs réunissant le chef de projet fonctionnel, l’équipe UI et les directions concernées, a permis de consolider les choix UX tout en accélérant la production des livrables fonctionnels.  

Il en a résulté un gain de temps précieux et une meilleure cohérence d’ensemble.

Mock up grand palais
Une démarche de rationalisation des composants UI

Cette démarche a été mise en place afin de limiter la multiplication des variantes. Cette intention nous a permis d'optimiser les coûts de design, de garantir une cohérence graphique et par conséquent de rationaliser les coûts de développement. 

  

Un travail minutieux a été mené sur la création d’un kit UI, regroupant la globalité des composants réutilisables et garantissant une cohérence visuelle et fonctionnelle sur l’ensemble du projet. 

KIt UI
Des tests utilisateurs pour une conception totalement optimisée

Afin de valider nos choix UX & UI, nous avons mené à l’issue de la phase de conception 16 tests utilisateurs en 3 jours, en mobilisant un panel représentatif d’utilisateurs.  

  

Un prototype dynamique (desktop et mobile) a été conçu et accompagné d’une grille d’entretien structurée, permettant d’explorer les attentes, les comportements et les points de frictions à chaque étape du parcours de la page d’accueil à la billetterie.  

  

A l’issue des tests, une analyse approfondie des verbatims et des comportements a été réalisée.  

Un livrable de synthèse, illustré par des captures d’écran et des recommandations UX/UI, a permis d’ajuster nos maquettes en conséquence 

tests utilisateurs
Une architecture technique à la hauteur des exigences

Le projet repose sur une architecture modulaire et sécurisée, assurant une interopérabilité fluide entre les outils métiers (billetterie, CRM, application mobile) et le CMS. 

  • CMS Drupal 10  
    Pilote la gestion éditoriale, l’expérience utilisateur et la diffusion des contenus vers les différents canaux. Il expose également des services API nécessaires à l’écosystème numérique du Grand Palais. 

  • Middleware dédié 
    Composant central de l’architecture, il assure la médiation entre Drupal et les systèmes tiers (Billetterie, Appli mobile, CRM), garantissant la cohérence métier, la sécurité des échanges et la performance globale, en particulier sur les parcours transactionnels. 

Equipe tech
Des tests de non-régression automatisés pour sécuriser les évolutions

Des tests automatiques ont été mis en place pour fiabiliser les parcours les plus sensibles, notamment le tunnel d’achat. 

  • Tests fonctionnels sur les parcours utilisateurs, pour garantir leur bon fonctionnement lors des mises à jour. 

  • Tests unitaires sur les composants critiques, afin de détecter les éventuelles régressions. 

Nicolas & Victor
Un monitoring pointu pour une traçabilité complète

Une supervision a été mise en place pour assurer un suivi en temps réel des échanges entre les différents systèmes, et anticiper toute dégradation de service. 
Les flux critiques font l’objet d’une journalisation fine et d’un suivi via des outils de visualisation adaptés, avec déclenchement d’alertes selon des règles métier établies en atelier. 

Ce dispositif permet une meilleure réactivité des équipes en cas d’anomalie et une traçabilité complète des interactions inter-systèmes. 

Nicolas
Une gouvernance projet dédiée

Aline Deshayes, cheffe de projet, a été mobilisée à raison de 1,5 jour par semaine pour :  

  1. Piloter l’avancement global en lien avec les équipes internes GrandPalaisRmn et ses prestataires Billetterie, applications mobile, CRM ...  
  2. Planifier et coordonner les productions des interlocuteurs techniques externes (hébergeur, prestataires de billetterie), et l’équipe technique interne Nodevo,  
  3. Superviser et encadrer les phases de recette interne GrandPalaisRmn,  

Cette gouvernance rapprochée a permis d’assurer une circulation fluide de l’information, des arbitrages rapides et une coordination efficace entre tous les acteurs du projet. 

Aline