Opéra Grand Avignon
Après l'Opéra National de Bordeaux, c'est l'Opéra Grand Avignon qui nous a confié la refonte UX et UI et le développement de son nouveau site web. Propulsé par Drupal 9, il fait déjà l'unanimité parmi ses utilisateurs. Crédit photo : © Frédéric Sicard photographe.
Nos missions
- UX design
- UI design
- Développement
- Maintenance
- Hébergement
- Formation Drupal
Le renouveau de l'Opéra d'Avignon
L'Opéra d'Avignon conserve à la fois le charme de sa salle à l’italienne du XIXème et les exigences modernes de confort, sécurité et accessibilité. La refonte du site operagrandavignon.fr propose à ses usagers d’accéder à son offre de contenus et programmation tout en améliorant leur expérience utilisateur.
La page agenda
Pour consulter la programmation, rechercher des événements par filtre et par date, et réserver.
Un moteur de recherche SolR performant
Les pages description des spectacles
Elles sont divisées en 3 catégories hiérarchisées : à propos, distribution et informations séances et lieux.
La conception UX et UI
Les multiples ateliers ont permis de centrer les parcours sur les utilisateurs cibles de l'Opéra :
- Des ateliers d'exploration (personae, parcours utilisateurs & arborescence);
- Benchmark UX ;
- Design Studio et zonings ;
- Tests utilisateurs et questionnaires UX.
La conception UI, largement facilitée par les travaux conduits dès la réponse à l'appel d'offre a consacré les principes d'utilisation des couleurs (violet, or, gris, noir et blanc), des polices Serif et font pairing, des grands visuels, des illustrations et applats de couleurs. La démarche est le résultat :
- D'un benchmark UI concerté ;
- Du déploiement de la direction artistique ;
- De la création de maquettes desktop / mobiles ;
- Du prototypage haute fidélité ;
- Des tests utilisateurs.
Le développement avec Drupal 9
Le développement a respecté l'engagement de l'esprit de la conception en limitant au maximum les développement sur mensure. L'essentiel du travail de configuration a concerné les paragraphes, puisque le site dispose de 37 types de paragraphes qui en font une véritable bibliothèque de blocs.
Les interfaces
Le thème, basé sur Emulsify, a permis à l'équipe frontend de travailler en conformité avec les exigences atomic design décidées en phase de conception. Le thème permet d'intégrer plus sereinement les différents composants générés avec Storybook.
Mise en production du site de l'Opéra Grand Avignon avec Drupal 9
Le mot de notre client, l'Opéra Grand Avignon
« L'agence bluedrop.fr a su mettre en forme et concrétiser ce que nous avions jusqu’alors uniquement en tête. À travers leur expérience et leurs conseils, nous avons pu peaufiner ensemble les détails visuels et techniques de notre futur site pour se rapprocher au plus près de nos besoins. C’est une équipe dynamique, à l’écoute des besoins, patiente et réactive. Nous avons été, sur bien des points exigeants et ils ont pourtant réussi à trouver les solutions les plus appropriées pour chaque problématique en un minimum de temps. Aujourd’hui, c’est une grande fierté pour moi de découvrir et de faire partager à l’ensemble de notre public et de nos artistes le résultat de cette collaboration. Bluedrop.fr a prouvé une fois de plus sa capacité à créer une vitrine de qualité pour une maison d’opéra telle que l’Opéra Grand Avignon. »
