Étude de Cas - UX - Direction Artistique

UXCorp | Références | Paris Saint Germain

Paris Saint Germain

Le Paris Saint-Germain Academy
L'académie du PSG est l'un des symboles du football en Floride. Avec plusieurs équipes pour tous les âges, l'académie accueille et forme de nouvelles pépites de l'Etat.

Effectuez la refonte de votre site

Le brief du client.

La demande était de donner une nouvelle dynamique à l'académie de Floride, à travers une direction artistique qui lui est propre, mais en adéquation avec la charte graphique du PSG. Nous devions travailler sur la conception d'un nouveau site internet dans le respect des demandes particulières : les informations doivent être classées en fonction des villes, le nouveau site internet doit paraître technique et efficace, les pages doivent avoir la capacité d'accueillir suffisamment de contenu.

Il fallait ensuite assurer le maintien de ces nouvelles règles graphiques à travers différents supports digitaux et publicitaires.

La réponse de l'agence.

Nous avons établi un plan d'action : dans un premier temps, nous devions trouver une nouvelle charte pour l'académie. Ensuite, nous devions faire évoluer la charte en place tout en respectant les codes imposés par le PSG. Parmi ces différents chantiers, nous avons dû prioriser et commencer par l’élément le plus important : le site internet, qui allait donner un nouveau souffle à l’académie. Il devait amplifier le nombre d'inscriptions et faciliter un processus jusqu’alors chronophage. Nous devions centraliser beaucoup d'informations et limiter au maximum les contrats papiers.

Dans un deuxième temps, nous avons développé les différents supports digitaux de la marque à travers des newsletters, des bannières publicitaires ou encore des posts pour leurs réseaux sociaux. Nous souhaitions leur laisser les éléments graphiques importants tels que des fonds, images png et templates que nous nous avons spécialement conçu, pour qu'ils puissent les décliner par eux-mêmes ensuite.

Dans un troisième temps, nous avons déployé cette nouvelle dynamique sur les supports print. Ce fût l'occasion de retravailler les affiches, mais aussi les supports pour les évènements.

Le débrief du projet.

Nous avons pris deux mois pour concevoir et déployer le nouveau site internet. Des études utilisateurs importantes ont permis d'itérer le processus. Les heatmaps nous ont permis de revoir des fonctionnalités et de prioriser les éléments. Les retours clients sur les nouveaux supports ont été positifs. La simplification de la lecture des informations et de la souscription dématerialisée ont eu un effet bénéfique.

ReaPSG_1

Expérience Utilisateur. Deux cultures pour une plateforme.

La zone géographique a une particularité : une mixité culturelle importante. Le site internet devait être en espagnol et en anglais, aussi facile à comprendre dans les deux langues. En collaboration avec les équipes du PSG, nous avons pu mener des études utilisateurs qui nous ont amenés à trier les demandes fonctionnelles en fonction de leurs importances et de leurs impacts sur l'utilisateur à travers des ateliers.

ReaPSG_16
ReaPSG_2
ReaPSG_17
ReaPSG_3
ReaPSG_5

Web Design. Une nouvelle dynamique visuelle.

Nous avons conçu de nouveaux éléments graphiques pour l'académie. Il fallait qu'ils soient sportifs, motivants et énergiques. Après plusieurs essais, notre choix s'est porté sur le style "brush". Nous avons fait coïncider ce nouveau style avec la charte graphique du PSG imposée. Un travail a été effectué sur les points de focal pour guider l'utilisateur à travers les principaux éléments de la plateforme et simplifier le parcours jusqu'à la réservation.

ReaPSG_4

Une expérience mobile efficace. Une réservation rapide depuis un smartphone.

ReaPSG_6
ReaPSG_7
ReaPSG_8

Newsletters. La préparation de campagnes d'emailing.

ReaPSG_9
ReaPSG_10
ReaPSG_11

Créations Print. Des affiches publicitaires et la préparation d'évènements.

Nous avons étendu le nouveau style graphique aux éléments print de l'académie. Un morceau de Paris au coeur de la Floride.

Affiche 4x3 PSG Floride UX Corp. ©

Vous avez un projet ?

Contactez-nous