Charte Matrice
Faire d'une charte jamais diffusée une plateforme où chaque règle s'accompagne de l'outil pour l'appliquer, sans passer par un designer.
- Client
- Matrice, interne
- Rôle
- Responsable UX/UI
- Avec
- Le directeur artistique
- Livrables
- Plateforme, design system, kit
Une équipe qui grandit, des supports qui divergent, et une charte restée dans un dossier.
Une plateforme web où chaque règle est livrée avec l'outil qui permet de l'appliquer.
8 chapitres, un atelier de création et 74 fichiers prêts à l'emploi, utilisés sans designer.
Une équipe qui grandit, des supports qui divergent.
Matrice est un institut d'innovation qui relie sciences sociales, recherche et prospective. En grandissant, l'équipe a multiplié les supports sans référence commune. Une première charte existait, mais n'avait jamais été présentée.
Plusieurs versions du logo en circulation
Des couleurs choisies au cas par cas
Des documents hétérogènes
Une charte PDF finit oubliée. Il fallait une charte qu'on utilise.
Ce que la marque est, et ce qu'elle n'est pas.
Avant le visuel, cinq traits de personnalité, chacun face à la dérive à éviter. Ils guident tout, jusqu'au ton des messages.
Nous racontons le futur et proposons des récits désirables face aux dystopies.
Futuristes ou prophétiques.
Nous préférons le réemploi, la réparation et la réorchestration à la rupture radicale.
Disruptifs ou nostalgiques.
Nos études se font in situ, au plus près des mondes du travail.
Théoriques ou hors-sol.
Nous croisons chercheurs et artistes pour éclairer chaque question autrement.
Décoratifs ou élitistes.
Nous regardons ce que les technologies font réellement à nos sociétés.
Technophobes ni technosolutionnistes.
Montrer la règle par l'exemple.
Le logo se télécharge dans toutes ses versions. Les règles s'apprennent avec des bons usages et des erreurs courantes, pas avec des paragraphes.
Couleurs, typographies, icônes.
un bleu nuit principal et dix teintes en quatre nuances, copiables au clic
typographies, chacune avec un rôle : titres, texte, citations
icônes Lucide, recherche en français et en anglais
Des fondations pour les futurs produits.
tailles de texte, de 64 à 10 px, avec leurs valeurs mobiles
la base de l'échelle d'espacement, avec 4 rayons d'arrondi
Créer ses visuels sans logiciel de design.
Un chapitre à part entière, pensé pour toute l'équipe : on choisit un élément, on réécrit les textes, on change ou importe les photos, on retire ce qui ne sert pas, puis on télécharge le résultat en PNG. La signature e-mail s'y génère aussi, en trois étapes jusqu'à Gmail.
éléments personnalisables : cartes, citation, tableau, message, étiquettes, groupe d'avatars
modèles de cartes : projet, chiffre clé, profil, événement, à la une, actualité, pôle
logiciel de design nécessaire, l'export PNG se fait depuis le navigateur
Adoptée par l'équipe.
Ce que je retiens.
Une règle sans outil n'est pas suivie
L'adoption vient de ce qu'on peut faire tout de suite, pas de ce qu'on doit lire.
Concevoir pour des non-designers
Copier, télécharger, prévisualiser : chaque geste doit être évident.
Ce que je referais
Lancer l'atelier dès la première version. Ce sont les outils, plus que les règles, qui ont fait adopter la charte.
