Décliner une identité visuelle à grande échelle
Visual Designer
Rebranding
Brand System
Templates
Collaboration inter-équipe
Contexte
En 2023, Scaleway prend un tournant stratégique majeur : l'entreprise se repositionne autour de l'IA et décide de refondre entièrement son identité visuelle. Trois mois pour tout changer : la couleur, la typographie, les illustrations produits, le key visual. Une nouvelle identité créée en collaboration avec des experts externes, ambitieuse et cohérente sur le papier. Mais une fois l'identité posée, une question restait entière : comment la déployer à grande échelle, sans que tout repose sur l'équipe design ?
C'est là qu'intervient mon travail. Pour comprendre l'ampleur du chantier, Scaleway a documenté cette aventure dans deux articles de blog Partie 1 et Partie 2.
Ancienne & nouvelle identité de Scaleway
Rendre l'identité opérationnelle
La nouvelle identité existait. Il fallait maintenant la poser sur papier, la documenter, la rendre compréhensible et utilisable par tous. En co-création avec l'équipe, j'ai contribué à la rédaction des guidelines de la marque, déployées sur Ultraviolet, la plateforme de brand system de Scaleway, accessible en interne comme en externe.
L'enjeu n'était pas seulement de formaliser des règles. C'était de créer une référence commune, suffisamment claire pour qu'un non-designer puisse s'y retrouver, et suffisamment rigoureuse pour garantir la cohérence sur des milliers d'assets.
Partie Brand du Design System Ultraviolet
Donner une identité visuelle aux produits
Chaque produit Scaleway nécessite une représentation visuelle qui fasse sens à la fois pour les équipes techniques et pour les utilisateurs. Mon rôle dans ce chantier : travailler en amont avec les PMs pour comprendre le fonctionnement d'un produit et en extraire l'essence visuelle, traduite ensuite en icône simple et reconnaissable.
L'arbitrage entre les directions se faisait en collaboration avec la DA de l'équipe, sur deux critères principaux : la lisibilité à petite taille, et la cohérence interne du système (par exemple, si un type de flèche ou de forme avait déjà été introduit, il était réutilisé dans les icônes suivantes pour ne pas fragmenter le langage visuel). Sur l'ensemble de mon passage chez Scaleway, j'ai contribué à la conception d'une vingtaine d'icônes produits et gammes.
Ce travail servait de socle à toute la chaîne de production visuelle : l'icône validée devenait la matière première de l'illustrateur, avant d'être intégrée dans les bibliothèques Figma et documentée sur Ultraviolet pour être accessible aux product designers et aux graphistes.
Recherches et ajouts des icônes produits à la librairie Figma
Accélérer la production
Avec des guidelines posées, l'étape suivante était de traduire ces règles en outils concrets. J'ai conçu des templates Figma pour les formats récurrents : posts de documentation ou encore annonces de quarter. Chaque template était pensé pour deux usages : permettre à l'équipe visual d'aller plus vite sur les productions répétitives, et donner aux équipes non-designer la capacité de modifier les textes de façon autonome, sans solliciter un designer à chaque fois.
Templates pour les postes de documentation et les annonces de quarter
Démocratiser les schémas techniques
Les schémas techniques sont indispensables pour la documentation, les pages produit et certaines communications marketing, mais après le rebranding, ils étaient tous à mettre à jour. Avec une autre designer, nous avons retraité environ 55 schémas en trois mois, en parallèle des autres chantiers du rebrand.
Au-delà de la mise à jour, l'enjeu était de rendre leur production accessible aux non-designers (PM, équipes documentation, marketing) pour la suite. J'ai posé un cadre clair et des ressources réutilisables dans Figma, documentés sur Ultraviolet, pour qu'ils puissent intervenir dessus sans solliciter le design à chaque fois.
Partie Schémas Techniques du Design System Ultraviolet
Ce qui reste
Le vrai indicateur d'un bon système, c'est sa durabilité. Aujourd'hui, bien après mon départ de Scaleway, des posts reprenant ces templates circulent encore sur leurs réseaux. Le travail de fond (guidelines, templates, ressources) a été adopté, utilisé, et transmis.
