L’identité visuelle Enedis créée par Marc Vernay, pour le compte de Nomen, répondait parfaitement aux besoins de l’entreprise en matière de communication imprimée.
Des éléments d’interface Web avaient même été esquissés.

Pourtant, depuis quelques années, l’entreprise a donné un coup d’accélérateur à sa transition numérique. La multiplication des besoins mais aussi la diversité des contributeurs imposait la création d’un outil de conception complet : la charte numérique.

Un système graphique…

La cible principale du produit est celle des porteurs de projets internes (personnel Enedis, PO, développeur interne ou externe), un public généralement peu sensibilisé aux questions de communication. L’accent a été porté sur la création d’un document simple, pédagogique et très pratique.

Au menu, traduction de la charte graphique aux supports numériques : valeurs hexadécimales des couleurs, palettes accessibles, nomenclature pour préprocesseur css, fall-back des polices, etc.

Des questions spécifiques aux supports sont abordés : accessibilité des interfaces, distinction entre hiérarchie visuelle [M, L, XL…] et hiérarchie sémantique [H1, H2, H3…], bonnes pratiques SEO, grille responsive, etc.

Les ressources graphiques ont été converties au format natif web et mobiles (png, svg). L’ensemble est aussi disponible sous forme de fichiers sketch et de repository Zeplin.

La création de nouvelles interfaces mobiles a révélé un besoin nouveau :
des pictos adaptés aux petits écrans. Enedis ne disposant pas de graphiste en interne, il est impossible de créer ses visuels à la demande, pour chaque nouveau besoin.

Il restait ces alternatives : proposer un processus de commande, long et fastidieux, pour la création de visuels originaux ou sélectionner une bibliothèque d’icônes, large et complète. Nous avons préconisé l’utilisation des icônes Material de Google. Les motivations derrière ce choix :

• les employés Enedis, tous équipés de mobiles Android, sont familiers de ces codes graphiques. La prise en main des interfaces n’en sera que plus rapide.
• Une large communauté de designers contribue à la création de nouvelles icônes. Il est, donc, virtuellement impossible de ne pas trouver l’image qui convient.
  

Une bibliothèque de composants évolutive

Au lancement du projet, nous avons procédé à un inventaire détaillé des interfaces du groupe Enedis. Nous avons repéré les éléments d’interfaces essentiels et proposé une homogénéisation graphique et fonctionnelle de ces modules. Le fruit de ce travail de rationalisation a été organisé et classé dans une grande bibliothèque de composants.

Des ressources à télécharger…

Le dispositif a été complété par une série de fichiers sources à télécharger (sketch et zeplin) et de fiches pratiques.

Pour réduire la disparité des compétences, nous avons créé des modes d’emploi et organisé des formations pour expliquer le fonctionnement des différents outils.