assets et inscription – TV5MONDE PLUS

En Septembre 2020, la nouvelle plateforme de TV5MONDE fut mise en ligne. Accessible sur tous les continents, diffusant des programmes de chaque pays partenaire chaque mois et créée en à peine un an, le projet était de taille. Gérée par l’agence Dotscreen, l’UI nécessitait tout de même certaines améliorations que j’ai eu l’occasion de réaliser.

La première fut de revoir l’ensemble des icons présent sur le site. Lourds, peu harmonieux entre eux et difficilement compréhensibles pour certains, il fallait clarifier l’ensemble tout en injectant l’identité de TV5MONDEplus qui voulait dégager un sentiment de confiance et de sérieux. En collaboration avec la Direction Artistique, je suis partie sur des pictogrammes géométriques et carrés, pour appuyer la rigueur du contenu de la plateforme. Pour casser le côté trop froid et rigide, j’ai repris la base des CTA et l’ai réadapté pour intégrer plus de rondeur.

La seconde fut de revoir l’UI du parcours de connexion. Il fallait rester le plus proche possible de ce qui avait été déjà développé. Cependant, il m’apparaissait logique de répartir le parcours en deux chemins, entre ceux qui possédaient déjà un compte et ceux qui désiraient s’inscrire, pour davantage de clarté. Cela nous permettait également de faire un onboarding simple qui allait à l’essentiel.

J’en ai également profité pour revoir les fonctionnalités des champs de texte, notamment pour les mots de passe, qui sont souvent frustrants pour l’utilisateur. En changeant la couleur du contour lors du remplissage d’un champ et en y ajoutant un pictogramme relatif à la validation ou à l’erreur, il était désormais plus simple à l’utilisateur de comprendre les potentielles erreurs commises et de le rassurer dans son parcours, sans avoir à développer de nouveaux éléments.

J’ai également pris garde aux recommandations d’accessibilité, les couleurs de TV5MONDEplus étant pour certaines peu visibles pour les personnes souffrantes d’anomalies de la vision ou de dyslexies lorsqu’elles étaient associées avec du texte.

Ancienne version

Nouvelle version