Rafraîchir la présence numérique d'une superstar et raconter toute une vie d'histoires
Le précédent site de Paul McCartney datait de plus de dix ans, ce qui rendait la gestion du contenu complexe et son design commençait à paraître désuet. Notre mission consistait à repenser tous les aspects du site, de l'identité de marque numérique à la nouvelle structure, en passant par le design, les solutions technologiques et la conception.
Le site est la source de référence pour tout ce que Paul a accompli au cours de sa carrière et comprend une riche expérience multimédia. Beaucoup de médias. Nous avons d'abord repensé l'identité visuelle du site web. Paul avait pour consigne que la marque soit « digne, sans être corporative ; colorée, mais élégante ; un brin rock'n'roll avec un supplément d'âme ».
La nouvelle palette de la marque s'inspire du « piano magique » de Paul. La direction artistique et le langage visuel du site s'inspirent de ses croquis et gribouillages, parsemés à des moments clés. Nous avons opté pour une typographie à la fois classique et moderne, avec une touche rock'n'roll pour compléter le contenu. En collaboration avec les équipes numériques et archives de MPL, nous avons soigneusement sélectionné les supports du site web. À partir de scans des textes de Paul, nous avons créé une police numérique baptisée « Shake a Hand », d'après l'un de ses morceaux. Des images et des vidéos en pleine page ont été utilisées pour exploiter pleinement la richesse des supports.
PaulMcCartney.com a débuté comme un blog, mais a fini par perdre le contrôle. Afin de concevoir une expérience utilisateur unifiée et claire, nous avons repensé le regroupement des types de contenu sur le site, tout en rendant l'expérience plus exploratoire et plus valorisante. Nous avons créé une expérience plus globale, où les différentes parties du site sont reliées entre elles, conférant au site une dimension narrative et invitant à la découverte.
Un nouveau départ impliquait de migrer de l'ancien site vers le nouveau tout le contenu : discographie complète, peintures, photographies d'archives, informations sur les tournées et articles de blog, soit 3 901 pièces pour être précis. Des moments marquants et des souvenirs.
Après avoir travaillé sur plusieurs concepts, nous avons trouvé la solution idéale pour une nouvelle fonctionnalité : une chronologie exploratoire. Cette chronologie présente tous les événements de Paul depuis les années 70 : concerts, sorties musicales, carrière, adoubement et publications, détaillant ses grandes réalisations jour après jour, année après année. Nous avons développé un CMS permettant à tout type de contenu publié sur le site d'être automatiquement intégré à la chronologie.
Le catalogue des dernières sorties de Paul est également présent sur le site. Nous avons attribué à chaque élément son propre code HEX afin de conférer à chaque sortie une ambiance unique et d'offrir à l'utilisateur un voyage de découverte grâce aux informations et aux supports. Passons maintenant aux choses sérieuses : il était important pour nous tous, Paul et son équipe, que le site soit respectueux de l'environnement. Nous avons réduit les émissions de carbone de 811 kg à 119 kg de CO2 pour 10 000 pages visitées. Afin de rendre le site aussi accessible que possible à ses nombreux utilisateurs, nous avons mis en œuvre AccessiBe, une solution d'accessibilité automatisée conforme aux normes ADA et WCAG.
Une grande partie de la construction du site a consisté à mettre à niveau et à migrer le contenu du site depuis Drupal 7 qui arrive en fin de vie en novembre 2022. Au lieu de passer à Drupal 9, nous avons décidé de migrer vers GraphCMS.
Disposer d'un site web pérenne dans un environnement technologique en constante évolution était essentiel pour nous et MPL. L'utilisation d'un CMS headless a permis à la pile technologique d'évoluer au fil du temps, et ce même CMS peut diffuser du contenu simultanément sur de nombreux supports, par exemple des applications et des affichages numériques, ainsi que sur le site web.
De plus, GraphCMS utilise GraphQL. Cela nous a permis d'être très sélectifs dans le contenu renvoyé au site. C'était un autre facteur à prendre en compte pour alléger les transactions de données et améliorer l'éco-responsabilité du site.
Toutes les images © appartiennent à leurs propriétaires respectifs.
Contenu tiré de Neverbland
