Contexte
La Coface (compagnie française d’assurance pour le commerce extérieur) propose aux entreprises des solutions pour se prémunir contre le risque de défaillance financière de leurs clients, tant sur leur marché domestique qu’à l’export. Son but est d’éviter le risque d’insolvabilité de sa clientèle.
Suite à un appel d’offres la Coface souhaite une refonte de l’application PEPS destinée à leurs collaborateurs pour simuler des contrats.
Les parties prenantes du projet sont les suivantes.
– Une cheffe de projet
– Un lead développeur
– Un designer UX/UI (moi)
Phase de recherche
Afin de comprendre le besoin des utilisateurs, des interviews ont été réalisées. Cette phase de recherche est très importante afin de dégager les frustrations et motivations des utilisateurs. J’ai pu ainsi dégager beaucoup d’insights sur cette phase de recherche.
– Interfaces pas intuitives
– Incompréhension des interfaces
– Design pas moderne (design classique java)
– Navigation d’un écran à l’autre trop compliquée
– Textes et boutons trop petits et donc illisibles
Et bien d’autres encore…
Phase d’idéation
Les ateliers sont très importants dans la conception d’un produit digital. Ils permettent d’échanger et concevoir sur un délai court avec les parties prenantes du projet. Ils permettent aussi d’échanger sur la faisabilité technique.
Cette phase d’idéation m’a permis d’avoir une réduction importante du nombre d’écrans et de créer des nouveaux parcours utilisateurs (user flow) pour les sections.
– Individuel
– Programmes
Wireframes
La conception de certaines wireframes m’a permis de concevoir un parcours innovant dans l’enregistrement d’un programme.
Définition de la charte graphique
Pour la conception des nouvelles interfaces, j’ai conçu une bibliothèque de couleurs afin d’apporter une véritable identité graphique à l’application.
L’idée de cette identité graphique est aussi de pouvoir définir les spécifications techniques des couleurs à communiquer aux développeurs. Par la suite ces codes couleurs doivent être mis en avant dans un design système.
Conception du design système
Le design système est un élément indispensable dans la gestion et la conception d’une application. Il permet de documenter et lister tous les composants et éléments qui sont visibles sur celle-ci. N’ayant pas d’accès à figma ou sketch pour des raisons de politique d’entreprise, j’ai dû m’adapter à des nouveaux logiciels jamais utilisés dans un contexte professionnel. J’ai donc défini dans Excel les polices et couleurs. Dans un cas plus classique, le design système doit comprendre les icônes, menus, formulaires, grilles, etc.
Interfaces web
Voici donc quelques interfaces web conçues par moi-même. Invision a été utilisé pour la conception de ces interfaces.
Tests utilisateurs
Les 2 sessions utilisateurs comportent 15 personnes sur une dimension internationale. Elles m’ont permis de me conforter dans mes choix graphiques.
En effet, tous les utilisateurs sont satisfaits de la nouvelle version de l’application PEPS que ça soit par son nouveau parcours ou ses nouvelles interfaces.
Intégration des interfaces
Pour l’intégration des maquettes les technologies HTML et CSS et javascript sont utilisées.
Outils utilisés et conclusion
Invision, Balsamiq, Excel, html, css, javascript(jquery)
Une expérience utile me permettant de mettre en pratique mon autonomie à être capable d’expliciter chaque réalisation par de l’inspiration et des règles d’ergonomie. Ce fut une expérience intéressante pour démontrer ma capacité à m’adapter sur à un nouveau logiciel.
Ce projet fut important par son enjeu business pour proposer rapidement des contrats auprès de leurs clients.