Contactez-nous
Une question ? N’hésitez pas à nous écrire !
Problématiques
Proposer une identité graphique reprenant les éléments clés de la marque Bescherelle et compatible avec le cadre technique posé par une usine à site
Amener des pistes graphique permettant à Bescherelle de s’adresser aussi à un public d’adultes souhaitant se former et progresser
Assurer la cohérence de l’identité graphique entre les différentes plateformes digitales de Bescherelle
Contexte
Avec cette refonte, Bescherelle souhaitait apporter une nouvelle orientation à son écosystème digital, tout en conservant les codes qui font son image de marque. Suite à des ateliers pour définir cette orientation, nous avons donc proposé une série de pistes graphiques et lancé le travail de redesign, déclinaison et livraison d’une nouvelle UI.
Ateliers UI
Après une réunion de lancement avec les membres de l’équipe afin de comprendre les valeurs de cette nouvelle identité UI et les contraintes techniques amenées par l’usine à sites pour le site vitrine de Bescherelle, nous avons pu imaginer des ateliers adaptés à leurs besoins. Le but principal était de comprendre les orientations graphiques souhaitées, et quels étaient les objectifs. Ainsi, nous avons pu étudier ensemble les différents éléments graphiques à utiliser, ainsi qu’un benchmark à la fois pour étudier la concurrence mais aussi pour les inspirations graphiques.
Propositions graphiques
Nous avons organisé une série de tests utilisateurs avec cinq participants, en leur donnant des missions à effectuer sur la plateforme actuelle. Les différentes missions nous permettaient notamment de mieux comprendre les problèmes que les utilisateurs peuvent rencontrer dans les différents parcours. Grâce aux résultats de ces tests nous pouvons concrètement voir quelles fonctionnalités manques, sont à améliorer ou à supprimer.
Mise à jour du design system
Après avoir effectué l’Audit UX, nous avons pu revoir l’ensemble des parcours utilisateurs en fonction des profils des utilisateurs sur la plateforme. Nous avons ainsi créer de nouveaux parcours en repensant l’architecture et la navigation de la plateforme.
Wireframes
Une fois que les parcours sont complets et validés, nous sommes passés à la réalisation des wireframes. Une étape essentielle dans le processus UX, qui nous permet de concevoir la future interface utilisateur.
Restitution
L’objectif ici était de rendre plus dynamique et plus agréable l’outil de travail quotidien des utilisateurs. En s’inspirant des teintes beiges du papier pour rappeler le support premier sur lequel ils travaillent ainsi que les archives Nationales, nous avons proposé un camaïeu d’orange. Pour moderniser la plateforme, nous avons également pris parti d’utiliser des formes assez rondes que ce soit pour la typographie, les boutons ou encore les cards.Enfin, le design system a été apposé sur l’ensemble des maquettes.
Le conjugueur
Après avoir effectué l’Audit UX, nous avons pu revoir l’ensemble des parcours utilisateurs en fonction des profils des utilisateurs sur la plateforme. Nous avons ainsi créer de nouveaux parcours en repensant l’architecture et la navigation de la plateforme.
Wireframes
Une fois que les parcours sont complets et validés, nous sommes passés à la réalisation des wireframes. Une étape essentielle dans le processus UX, qui nous permet de concevoir la future interface utilisateur.
Mon coach beschrelle
L’objectif ici était de rendre plus dynamique et plus agréable l’outil de travail quotidien des utilisateurs. En s’inspirant des teintes beiges du papier pour rappeler le support premier sur lequel ils travaillent ainsi que les archives Nationales, nous avons proposé un camaïeu d’orange. Pour moderniser la plateforme, nous avons également pris parti d’utiliser des formes assez rondes que ce soit pour la typographie, les boutons ou encore les cards.Enfin, le design system a été apposé sur l’ensemble des maquettes.
