CNCM VOCE est le Centre National de Création Musicale de Corse, basé à Pigna (Balagne). L’institution porte la création, la production et la diffusion musicales sur le territoire, en lien étroit avec son centre culturel et la scène insulaire. Ses activités couvrent la création (résidences d’artistes), la programmation de concerts, un festival estival historique (Festivoce), ainsi que des actions de recherche et transmission tout au long de l’année. J’ai eu a réaliser pour le centre, deux sites web similaires, pour leur plateforme audios et vidéos.
CNCM Voce est un centre culturel dédié à la promotion et à la diffusion de contenus sonores et audiovisuels liés au patrimoine musical corse. Son site web, bien que riche en ressources, souffrait d’une expérience utilisateur obsolète, d’un design daté et d’un manque d’efficacité écologique. Dans un contexte où l’accessibilité numérique et l’impact environnemental sont devenus centraux, la structure souhaitait une refonte complète de son site pour mieux répondre aux attentes des utilisateurs, valoriser ses contenus et s’inscrire dans une démarche d’éco-conception.
Comment repenser le site CNCM Voce pour offrir une expérience fluide, moderne et responsable, tout en valorisant la richesse de ses contenus culturels et en réduisant significativement son impact environnemental ?
Le demande du client consistait en une refonte de ces deux sites web associés au site web CNCM Voce. La demande consistait en premier lieux à moderniser les sites web auditorium et Tela Voce, puis de décliner l'identité visuelle du site principal, sur les deux sites hub. Il fallait évidemment, associer à cette modernisation une amélioration des parcours utilisateurs et de l'expérience utilisateur. En effet, beaucoup de points de frustrations pouvaient être identifiés sur les versions précédentes des sites : Notamment l'architecture du contenu, la méthode de recherche, la classification des contenus,etc.
Avant toute chose, il m'a fallu analyser l'identité graphique du site CNCM VOCE. Pour cela j'ai donc fait et récupéré plusieurs screens sur Figjam pour pouvoir relever chaque élément graphique propre au site web et qui pourrait donc servir dans la déclinaison des autres sites Tela Voce et Auditorium. Le client souhaitais pour ces deux sites, une interfaces ressemblant quelque peu à la plateforme Netflix. Il a donc fallu décliner l'identité du client dans cet objectif, sans pour autant copier la plateforme de streaming mais simplement reprendre certains codes, notamment concernant la navigation.
Les sites Tela Voce et Auditorium répertorient une grande quantité de contenus audios et vidéos. Chacun de ces contenus possède des informations telles que l'auteur, la date, le style, contexte, lieux, genre, etc. Il fallait donc user de ces informations afin de pouvoir faciliter la recherches de contenus aux utilisateurs qui sont en grande majorités des chercheurs. Ainsi, dans la home page, les vidéos/audios sont classés selon leurs catégories. Si l'utilisateur souhaite réaliser une recherche plus approfondie, il peut utiliser les filtres pour une recherche avancée.
Autre aspect important, ces maquettes devaient également permettre au client d'être en adéquation avec leur volonté d'éco-conception. Ce qui a donc logiquement nécessité certains choix : le fond noir, la typographie système, l'absence d'images et le choix de supprimer les sliders permettaient de réduire l'impacte environnemental des sites. La note RGESN qui a été assignée en conséquence permet d'en témoigner.
Une fois l'ensemble des maquettes réalisés, une phase de relecture a eu lieu afin de s'assurer de la qualité du contenu et que celui-ci puisse permettre aux testeurs et aux clients de se projeter dans leurs utilisation des deux sites web.
Les tests utilisateurs ont révélés que le système de recherche semblait simple d'utilisation et utile. Leur permettant ainsi de faciliter leur recherches.
Une fois ceci validé, les maquettes ont pû être envoyées au client qui n'a réalisé que quelques retours qui n'ont rien changé à l'expérience des utilisateurs.
La continuité visuelle nourrit la confiance et la mémorisation (même écosystème). Un design system bien pensé fait gagner du temps partout (conception, contenu, dev). Une structure de métadonnées claire (genre, thème, style) rend la recherche et la reco crédibles. Les catégories + tags sont indispensables en vidéo pour guider sans surcharger. Les contraintes RGE.SN orientent positivement la création (moins d’effets, plus d’essentiel).
Vous souhaitez en savoir plus sur mes services ? ou vous êtes prêt à démarrer une nouvelle aventure avec moi ? Contactez-moi et réalisons ensemble votre projet digital.
