En vue de définir les codes et la nouvelle ambiance graphique du produit, j’ai réalisé dans un premier temps différentes maquettes d’une interface existante du logiciel, en utilisant des polices, des couleurs, des styles d’iconographies différentes etc. Puis j’ai présenté mes maquettes et expliqué ma démarche graphique au client en accompagnant mes réalisations d’une documentation argumentaire. Cette première étape nous a permis ainsi de formaliser les pistes graphiques.

En termes de couleurs, le client souhaitait pouvoir retrouver celles de son identité graphique ; Il a donc choisi en teintes dominantes le bleu et des nuances de gris. En teintes secondaires, on retrouve une palette de couleurs très large qui est appliqué principalement sur les pastilles d’une fonctionnalité du produit, sur les indicateurs du dashboard ou encore au sein des statistiques et de la fonctionnalité de planning du logiciel. Les contenus sont mis en avant avec la famille de police Roboto, qui offre de nombreuses graisses et qui est parfaitement adaptée pour une utilisation web. Enfin, le client a choisi des iconographes de type « outline » ; Réalisées à partir de tracés fins, ces dernières offrent un aspect minimaliste et apportent ainsi de la modernité aux interfaces.

Suite à cela, j’ai entrepris une refonte graphique des fonctionnalités et des modules présents au sein des différentes interfaces du logiciel en fonction des besoins et des priorités du client et de l’équipe de développement. En effet, nous avions convenu dès le début que l’équipe technique puisse intégrer mes maquettes progressivement au sein du service, dès la validation de ces dernières, afin que ces derniers puissent gagner du temps. Cette solution permettait également aux développeurs d’effectuer des tests au fur et à mesure des incréments et de contrôler ainsi le comportement des fonctionnalités ainsi que leur accessibilité.