Framework SAFe : REX d'un RTE
Quel est le rôle d'un RTE au sein d’un train SAFe ? Voici 7 conseils afin d'appréhender au mieux ce rôle de chef d’orchestre.
On entend souvent en entreprise l’expression « Il faut que ça respecte la charte graphique », une notion que l’on pense maîtriser sur le bout des doigts alors qu’elle cache un bon nombre de rouages et de codes qu’on ne soupçonne même pas au premier abord.
La charte graphique est l’étape créative qui arrive juste après la production d’un moodboard. Le moodboard étant un assemblage d’éléments graphiques : images, photos, couleurs, ambiances, mots… généralement disposés sous la forme d’un collage dans le but de mettre en avant l’univers créatif que l’on souhaite véhiculer à sa marque / son produit digital...
Illustration de la notion de moodboard Source : carnetderoses
Ainsi, une fois l’étape du moodboard réalisée, il est bien plus aisé de passer à l’étape suivante : la production d’une charte graphique.
Une charte graphique est un document qui regroupe sur un seul et même support tous les éléments graphiques définissant l’identité visuelle d’une marque, d’une entreprise, d’un produit digital…
Charte graphique de la marque de parfums "A l’écoute des senteurs" Source : 107 créations
On y retrouve ainsi toutes les règles visuelles ou encore les codes permettant de définir simplement les conditions d’utilisation des différents éléments graphiques d’une charte suivant les supports de communication que l’on souhaite produire.
L’objectif principal d’une charte graphique est de garantir une cohérence visuelle quel que soit le support de communication réalisé.
En effet, qu’il s’agisse d’une affiche pour une campagne d’affichage dans le métro, d’une bannière web pour promouvoir la sortie d’un nouveau produit ou encore d’une carte de visite : tous ces supports doivent suivre la même ligne de conduite graphique et ainsi insuffler l’esprit d’une marque, d’un produit digital, etc…
On distingue généralement les notions de “print” et de “digital” (ou encore “web”) car les règles visuelles diffèrent suivant les types de supports :
Exemple d'un support de communication print : affiche Dior__Source : https://bit.ly/3coIvTS
Une charte graphique ne se réduit pas à une palette de couleurs et de typographies à utiliser sur ses supports de communication ou sur son produit : c’est bien plus riche que cela et voici une liste exhaustive des éléments que l’on peut y trouver :
Moodbard de différents logos__Source : https://enovdesign.com/identite-visuelle/concevoir-un-logo-pourquoi/
Typographies__Source : https://www.u-pem.fr/charte-graphique/2-lunivers-de-marque/
Palette de couleurs d'une charte graphique__Source : https://community.moneway.com/t/la-palette-de-couleur/50
Palette de pictogrammes / icônes d’une charte graphiqueSource : https://www.creads.fr/blog/inspirations-design/sites-trouver-pictogrammes-gratuits
Exemples d’usages d’illustrations, images ou encore photosSources :https://www.pinterest.se/pin/454230312420259916/https://myald.fr/public/feedhttps://www.respire.co/
Exemple de règles de pixels entre les différents élémentsSource : https://builttoadapt.io/intro-to-the-8-point-grid-system-d2573cde8632
Derrière la notion de charte graphique se cache plusieurs professions
Concernant les outils utilisés pour réaliser une charte graphique il y a plusieurs écoles :
Le trio gagnant des outils de la suite Adobe à utiliser pour concevoir une charte graphiqueSource : https://www.freepik.com/blog/a-brief-overview-of-photoshop-illustrator-and-indesign/
Illustration des 3 outils consécutifs : Adobe Xd, Sketch et FigmaSource : https://www.uxbeginner.com/best-ux-design-tool/
Ces 3 outils se rapprochent fortement en termes de fonctionnalités et ont la particularité de proposer une fonctionnalité de prototypage permettant de donner vie aux éléments graphiques et d’aider l’utilisateur à se projeter dans son parcours.
Donner vie à des écrans en passant par la case prototypage et animationSource : https://www.figma.com/blog/bring-figma-prototypes-to-life-with-gifs/
La charte graphique d’un produit n’est pas figée dans le marbre. De la même façon qu’un produit, elle est - au fil des années - amenée à évoluer notamment pour des raisons stratégiques.
En début d’année 2019, l’application mobile Digiposte - application permettant de recevoir et classer automatiquement ses documents importants (factures, fiches de paies..) de façon sécurisée - a refondu entièrement son application.
Créée par le groupe La Poste, l’application jouissait initialement de la charte graphique assez vieillissante du groupe et a profité de cette refonte pour revoir de fond en comble sa charte graphique (logo, typographies, couleurs, pictogrammes…) et proposer un produit plus actuel et simple d’utilisation.
Nouveau design de l’application Digiposte Source : wolfconceptions
La promesse de cette application est forte : “Digiposte, l’application qui vous simplifie la vie administrative” et c’est à travers cette promesse que le product designer s’est inspiré pour proposer un produit plus simple, plus intuitif et plus personnalisé comme en témoigne cette vidéo.
Cela met en relief que le design d’un produit digital n’est pas juste un coup de peinture mais sert bien à améliorer l’expérience utilisateur en simplifiant les parcours.
En début d’année 2020, la startup Lunchr - spécialisée dans la digitalisation des titres-restaurant - a décidé de refondre son produit de la tête au pied en proposant une V2 : Swile, avec en baseline : “Nouvelle marque, nouvel univers !”.
Communication mail de la nouvelle marque SwileSource : newsletter Lunchr /Swile
Proposer un service de digitalisation des titres-restaurant n’était plus suffisant pour la startup qui a voulu enrichir son produit en proposant des fonctionnalités supplémentaires :
A travers sa nouvelle charte graphique très moderne et couplant à la fois un nouveau nom de marque, de nouvelles couleurs, typographies, éléments 3D, Swile a proposé une V2 unique de son produit permettant d’améliorer l’expérience utilisateur et de l’enrichir à travers un système de gamification de la pause déjeuner.
Une stratégie audacieuse et complètement différenciante de ce que peut proposer la concurrence.
En conclusion, la charte graphique d’une marque / d’un produit digital est un élément indispensable amené à évoluer dans le temps et permettant de poser un cadre visuel à toutes les productions réalisées dans le but de maintenir une cohérence graphique et de servir intelligemment l’expérience utilisateur.
Nous croyons en un nouveau modèle de consulting où l’excellence commence par l’écoute, le partage et une vraie vision