Laetitia Dionisi

Le Duel

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.

1

Prise du brief

2

Travail sur l’identité visuelle

3

Ateliers pour définir l’arborescence et les contenus à intégrer

4

Réalisation des wireframes

5

Création et validation des maquettes

6

Intégration du site

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.

Moodbard : patchwork d'images, couleurs et typographies
logo le duel

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.