Type de projet : UX/UI Design, Identité visuelle
Destination : Projet Associatif
Année : 2020
Outils : Illustrator, Photoshop, Adobe Xd, WordPress
Le Duel est une émission audio de quiz ayant lieu en ligne une fois par mois. Pour l’arrivée de la neuvième saison, j’ai rejoint l’équipe afin de participer à la refonte de son site et la création de son identité visuelle.
Cette dernière devait reprendre l’esprit de l’émission (humoristique, dynamique, sur des sujets de culture générale et pop-culture), mais également se rapporter à la thématique de l’exploration de l’espace, imposée par la nouvelle identité sonore.
Prise du brief
Discussion avec l’équipe afin de comprendre les besoins, les contraintes et l’esprit de l’émission. Ces éléments sont, dans le même temps, retranscrits par écrit.
Travail sur l’identité visuelle
J’ai travaillé en premier lieu sur un moodboard afin de vérifier que la vision que j’avais de l’émission s’accordait à celle de l’équipe.
J’ai ensuite fait quelques propositions de logo à l’équipe dont une validée après de légers ajustements
Une charte graphique, simple et compréhensible pour l’équipe a été créée dans ce même temps.


Définition de l’arborescence et du contenu
J’ai d’abord effectué des recherches et des analyses de la structure de sites d’émissions proposant les mêmes formats.
J’ai ensuite organisé des ateliers/cessions de travail avec l’équipe de l’émission (et des auditeurs sur la fin) dans le but de comprendre quels éléments étaient essentiels pour le site.
Réalisation des wireframes
Création de la structure des différentes pages



Création des maquettes et intégration sur le site
Les maquettes ont été créées avec Adobe Xd et validées par l’équipe
Je me suis ensuite chargée de l’intégration directement via WordPress en utilisant des plug-in ainsi que de la personalisation CSS



Bilan
Travailler sur ce site a été une expérience très riche et complète. Si j’étais habituée à travailler en équipe de manière distancielle depuis quelques années déjà, mon implication en tant que professionnelle était plus poussée.
Ce projet a été d’autant plus important qu’il m’a permis de constater la différence de rendu qu’il peut y avoir pour certains éléments, entre la phase de maquettage et celle d’intégration.